WordPressサイト制作（オリジナルテーマ）
小さな税理士事務所のWebサイトを、
WordPressのオリジナルテーマで
架空の「そよかぜ税理士事務所」のサイトを、WordPressのブロックテーマとして一から作りました。トップ・サービスと料金・事務所案内・よくある質問・お問い合わせの5ページ構成です。納品後は、お客さまご自身で文章や料金を書き換えられるようにしています。
トップページ
※画面の中をスクロールすると、ページの下まで見られます。
下層ページ
お客さまが更新しやすい作り
- 色と文字はまとめて管理：メインの緑・アクセントの橙・文字の大きさを
theme.jsonに定義し、管理画面の「スタイル」から全ページの色を一度に変えられます - セクションを部品化：メインビジュアル、サービス紹介、選ばれる理由、相談の流れ、お問い合わせの5つを「ブロックパターン」として登録。新しいページにも、編集画面から部品を選んで追加できます
- 料金やよくある質問は普通のブロック：表ブロック・詳細ブロックで作っているので、文章を書き換えるだけで更新できます
- スマホ対応：スマホではメニューが「≡」ボタンになり、カードや料金表が縦に並びます（幅375pxで横にはみ出さないことを確認）
テーマの構成
soyokaze/
├─ style.css テーマ情報
├─ theme.json 色・文字・余白の設定
├─ functions.php フォントとスタイルの読み込み、パターンの分類
├─ assets/theme.css theme.json で表せない細かい見た目
├─ templates/ トップ・固定ページのテンプレート
├─ parts/ ヘッダー・フッター
└─ patterns/ hero / services / reasons / flow / cta
ページの作成からテーマの有効化までを「Blueprint」という設定ファイルにまとめ、同じサイトを何度でも作り直せるようにしています（テーマのZIPに同梱）。
ファイル
※制作実績用の架空の事務所です。所在地・電話番号・人物は実在しません。お問い合わせフォームは見た目のサンプルで、実際のサイトではContact Form 7などのプラグインで送信できるように設定します。既存テーマ（Cocoon・SWELLなど）を使ったサイトの修正・ページ追加もご相談ください。