- このトピックには0件の返信、1人の参加者があり、最後に
により20時間、 33分前に更新されました。
-
投稿
-
使える場面、状況の想定
WordPressサイトのデザインを変更したり、新しい機能を追加したりするときに、プラグインを使わず、テンプレートファイルを直接編集するカスタマイズに挑戦しています。
前回のステップ、➡はじめてWordPressをカスタマイズする前に、触っていいファイル・ダメなファイルをAIに質問し確認するでは、カスタマイズの基本ルールとして「wp-content/themes」の中だけを触るということと、その中でも代表的なstyle.cssやfunctions.phpファイルの役割を学びました。
テーマのフォルダの中には、他にも多くのテンプレートファイル（index.php、single.php、page.php、archive.phpなど）が並んでいます。ここでは、WordPressテーマの基本的なファイル構成・テンプレート階層をAIに学び、目的のカスタマイズを実現するには、どのファイルを編集すればいいのかを特定する方法をご紹介します。
解決プロンプト（質問）
# 目的
安全に正しくWordPressのカスタマイズを行いたいです。# 私のスキル
テーマフォルダ内のテンプレートファイルを直接編集するのは、今回が初めてです。# 質問
以下を、初心者向けに専門用語をなるべく避け、重要なポイントだけを整理して簡潔に教えてください。
1. 主要なテンプレートのファイル名と役割（どのページに対応しているか）
2. ○○をカスタマイズしたい時は、どのファイルを見ればいいですか？
（例：投稿ページ/固定ページ/カテゴリ一覧/トップページ/ヘッダー/フッター/サイドバー/グローバルナビゲーションなど）AIの回答例
1. 主要なテンプレートファイルと役割
WordPressでは、「どのページを表示するか」によって、使われるテンプレートファイルが変わります。
最初は全部覚えなくて大丈夫です。まずはよく使うものだけ押さえればOKです。ファイル名 主な役割 style.cssデザイン全体の見た目（色・余白・文字サイズなど） functions.php機能追加用。CSSやJavaScriptの読み込みなど header.phpサイト上部（ロゴ・メニューなど） footer.phpサイト下部（フッター） sidebar.phpサイドバー front-page.phpトップページ専用 home.php投稿一覧ページ（ブログ一覧） single.php投稿ページの表示 page.php固定ページの表示 archive.phpカテゴリー一覧・タグ一覧など search.php検索結果ページ 404.phpページが見つからない時 index.php最後の予備ファイル（他が無い時に使われる） 2. 投稿ページをカスタマイズしたい時は？
まず最初に見るのは、基本的にこれです。
single.phpこれは「投稿記事の詳細ページ」を表示するファイルです。
たとえば：
- 記事タイトルの位置変更
- 投稿日の表示
- 著者名の表示
- 記事下の関連記事
- 広告の挿入
などは、まず
single.phpを確認します。初心者向けの重要ポイント
① 直接編集する前にバックアップ
テーマファイルは、間違えるとサイトが真っ白になることがあります。
編集前に：
- テーマフォルダをコピー
- 変更前のコードを保存
は必須です。
② できれば「子テーマ」を使う
親テーマを直接編集すると、テーマ更新時に変更が消えることがあります。
そのため本来は：
子テーマ → ここを編集が安全です。
③ 「どのファイルが使われているかわからない」時
初心者はここで迷いやすいです。
そんな時はプラグイン：
- Show Current Template（初心者向け：ファイル名を特定する）
- What The File（開発者向け：テンプレートを特定して修正する）
を使うと、
今表示中のページで使われているテンプレート
を管理画面上で確認できます。かなり便利です。
最初に覚えるならこの3つだけでOK
single.php → 投稿ページ page.php → 固定ページ front-page.php → トップページまずはここから触ると理解しやすいです。
ポイント解説
AIの回答例は、プロンプトの「# 質問」の「〇〇」の部分に、一例として「投稿ページ」と入力した場合の応答です。
実際のカスタマイズで用いる時には、この「〇〇」の部分に、あなたが編集したい特定のページや、具体的な場所（例：ヘッダー、サイドバー、カテゴリ一覧など）を入力して、ご活用ください。目的を絞って伝えることで、AIから、編集すべきファイルの名称や的確なアドバイスを引き出すことができます。もし特定が難しいようであれば、先述のプラグインを用いるか、フォルダー名とファイル名を、階層を含めてAIに伝えると、さらに精度の高い回答を得ることができます。
注意点
WordPressのテンプレートファイルには「テンプレート階層」という仕組みがあり、どのファイルが優先的に読み込まれるかの順位が決まっています。
例えば、トップページ用に「front-page.php」と「home.php」の両方が存在する場合、優先順位の高い「front-page.php」が適用されるため、いくら「home.php」を編集しても表示が変わらないといった現象が起こります。
修正が反映されない時は、この優先順位が影響している可能性を疑ってみてください。また、PHPプログラムの書き換え・編集を行う場合は、そのリスクを理解したうえで、子テーマ導入の必要性を十分に検討してください。
➡ 子テーマを作るべき？ 具体的なカスタマイズ内容から、メリット・デメリットをAIに相談してみる
- このトピックに返信するにはログインが必要です。