Claude CodeでWordPressのテーマファイル作成


2026年03月10日


 

WordPressのテーマファイル作成

XXXXXXXXXフォルダは、HTML形式のウェブサイトです。こちらをもとに、WordPressのテーマファイルを作成してください。

WordPressテーマ XXXXXXXXX を作成しました。
                                                                                                                                                          
  テーマ構成                                             
                                                                                                                                                          
  ┌────────────────┬───────────────────────────────────────────────────────────────────────┐
  │    ファイル    │                                 役割                                  │                                                              
  ├────────────────┼───────────────────────────────────────────────────────────────────────┤
  │ style.css      │ テーマ情報 + メインCSS(style.css統合)                               │
  ├────────────────┼───────────────────────────────────────────────────────────────────────┤
  │ functions.php  │ テーマ設定、CSS/JS読み込み、メニュー登録、パンくず関数                │
  ├────────────────┼───────────────────────────────────────────────────────────────────────┤
  │ header.php     │ 共通ヘッダー(PC/SPヘッダー、ナビゲーション、オフキャンバスメニュー) │
  ├────────────────┼───────────────────────────────────────────────────────────────────────┤
  │ footer.php     │ 共通フッター(PAGE TOP、SPフッターナビ、フッター)                    │
  ├────────────────┼───────────────────────────────────────────────────────────────────────┤
  │ front-page.php │ トップページ(ヒーロー、フィーチャーカード、タブセクション、バナー)  │
  ├────────────────┼───────────────────────────────────────────────────────────────────────┤
  │ page.php       │ 固定ページテンプレート(パンくず + コンテンツ)                       │
  ├────────────────┼───────────────────────────────────────────────────────────────────────┤
  │ index.php      │ 投稿一覧テンプレート                                                  │
  ├────────────────┼───────────────────────────────────────────────────────────────────────┤
  │ single.php     │ 投稿詳細テンプレート                                                  │
  ├────────────────┼───────────────────────────────────────────────────────────────────────┤
  │ 404.php        │ 404エラーページ                                                       │
  ├────────────────┼───────────────────────────────────────────────────────────────────────┤
  │ css/sub.css    │ サブページ専用CSS                                                     │
  ├────────────────┼───────────────────────────────────────────────────────────────────────┤
  │ js/func.js     │ タブ切替、スライドショー、スムーススクロール                          │
  ├────────────────┼───────────────────────────────────────────────────────────────────────┤
  │ images/        │ 全画像アセット                                                        │
  └────────────────┴───────────────────────────────────────────────────────────────────────┘

  使い方

  1. XXXXXXXXX フォルダを WordPress の wp-content/themes/ にコピー
  2. 管理画面 > 外観 > テーマ で「JASSMEP」を有効化
  3. トップページのお知らせは、カテゴリ topics で投稿すると自動表示
  4. 支部例会情報は、カテゴリ branch-meeting + タグに支部名を設定
  5. ナビゲーションの # リンクは、固定ページ作成後にURLを書き換えてください


Archive