WordPressユーザーから最もよく寄せられる質問の1つは、「テーマをカスタマイズしたいのですが、どのファイルを編集すればよいかわかりません」というものです。
そして正直なところ、その混乱は完全に理にかなっています。間違ったファイルを編集すると、サイトが壊れたり、テーマが次に更新されたときに変更が消えてしまったりする可能性があります。
さらに、ほとんどのテーマには、謎めいた名前のファイルが多数含まれていることも役に立ちません。これは、何か1つを変更しようとしているだけの場合、圧倒されるように感じることがあります。
長年にわたり、私たちはあらゆる種類のWordPressプロジェクトに取り組んできましたが、数え切れないほど多くの適切なテンプレートファイルを特定する必要がありました。まさにそのために、このガイドを作成しました。
どのテンプレートファイルを編集すべきかを特定するために使用する正確な手順、WordPressテンプレート階層の仕組み、そして実際に永続する変更を行う方法を説明します。 🎨
WordPressテーマのテンプレートファイルを理解する
編集を開始する前に、テーマがどのように構築されているかを知っておくと役立ちます。WordPressテーマは、テンプレートファイル、カスタムテンプレートタグと関数、テンプレートパーツ、画像、JavaScript、および CSS ファイルなど、いくつかのファイルで構成されています。
ほとんどのクラシックテーマは、公式のWordPressテンプレート階層に従います。（一方、ブロックテーマは異なり、サイトエディターでHTMLテンプレートを使用してページレイアウトを視覚的に編集できます。）
これは、コードが標準的な方法で整理されていることを意味します。各ファイルは、WordPressウェブサイトの特定の領域を表示するためのテンプレートとして使用されます。
ここに、クラシックテーマでよく見られるテンプレートファイルのいくつかを示します。
| テーマファイル | その役割 |
|---|---|
functions.php | 新しい画像サイズの作成、カスタム投稿タイプ、ウィジェットなどの機能を追加します |
single.php | 単一のブログ投稿を表示します |
page.php | 静的ページ（「会社概要」や 「お問い合わせ」ページ など）を表示します |
archive.php | カテゴリやタグなどの投稿リストを表示します |
header.php | すべてのページに表示されるヘッダーセクション（ロゴ、メニュー）が含まれています |
footer.php | すべてのページに表示されるフッターセクションが含まれています |
この階層を理解することで、特定のページをどのファイルが制御しているかを特定できます。WordPressテーマにコードを追加または編集する必要がある場合、編集する必要のあるファイルがどれかもこれで判断できます。
詳細については、WordPressテンプレート階層のチートシートをご覧ください。WordPressテンプレート階層のチートシート。
これを踏まえて、WordPressテーマで編集するファイルを簡単に見つける方法をご紹介します。以下にカバーする内容を示します。
早速始めましょう！
WordPressテーマで編集するテンプレートファイルを見つける
まず最初に行うべきことは、What The Fileプラグインをインストールして有効化することです。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。WordPressプラグインのインストール方法。
このプラグインはすぐに機能し、設定する必要のある設定はありません。
🚨 重要: このプラグインが古いという警告が表示される場合があります。しかし、ステージング環境でこのプラグインをテストし、クラシックテーマで正しく機能することを確認しました。
ただし、HTMLテンプレートを使用する最新のブロックテーマでは有用なデータを提供しない可能性があります。懸念がある場合は、古いプラグインを使用しても安全かどうかを確認するためのガイドをご覧ください。
有効化すると、ウェブサイトのフロントエンドにアクセスする必要があり、WordPressの管理バーに新しい「What The File」メニューが表示されます。
次に、メニュー項目にマウスカーソルを合わせるだけです。これにより、このページを表示するために使用されたテンプレートファイルの一覧が表示されるドロップダウンメニューが表示されます。
ファイル名をクリックすると、デフォルトのWordPressファイルエディタに移動し、その特定のファイルを編集できます。
ただし、WordPressのファイルエディタは元に戻すオプションがないため、テーマファイルを編集するために使用することは推奨しません。間違いを犯してウェブサイトにアクセスできなくなった場合は、FTPクライアントを使用して修正する必要があります。
代わりに、WordPressホスティングコントロールパネルのFTPクライアントまたはファイルマネージャーアプリの使用をお勧めします。
これらのツールを使用すると、メモ帳のようなプレーンなテキストエディタでテーマファイルを編集できます。WordPressテーマに直接変更を加えるのは悪い考えです。なぜなら、テーマを更新するとその変更は失われるからです。
色やフォントを変更するだけであれば、PHPファイルを編集する必要はありません。クラシックテーマでは、外観 » カスタマイズ » 追加CSSに移動して、カスタムCSSを追加できます。
より広範な変更を行う場合は、子テーマを作成することをお勧めします。‘What The File’ プラグインは、子テーマでコピーして編集する必要があるテーマファイルを特定するのに役立ちます。
☝ 注意: 管理バーにプラグインによって追加されたメニュー項目は、ログインしているすべてのユーザーに表示され、テーマファイルエディタに直接リンクします。このプラグインは、ステージングサイトのような開発環境でのみ使用することをお勧めします。
ボーナスヒント：WordPressでカスタムヘッダーとフッターコードを追加する
トラッキングスクリプトや検証コードを追加するために、header.php や footer.php を編集する必要があると思う場合があります。しかし、これらのファイルを直接編集することは危険であり、管理が困難になる可能性があります。
その代わりに、WPCode のような無料プラグインを使用できます。これにより、テンプレートファイルを一切開かずに、ヘッダーまたはフッターにコードスニペットを安全に挿入できます。
実際、私たちは WPCode を一部の提携ウェブサイトで使用しています。これにより、テーマの更新中にカスタマイズが安全に保たれ、コードエラーによるサイトの破損を防ぐことができます。
私たちの経験についてもっと知りたい場合は、WPCodeの詳細なレビューをご覧ください。
WPCodeは、コードを貼り付けるためのシンプルなインターフェースを備えています。これにより、テーマファイルはそのままに保たれ、アップデート中に変更が安全に維持されます。
例えば、トラッキングスクリプトを追加するのはこれほど簡単です。
このようなプラグインを使用すると、時間を節約し、ミスを減らすことができます。ウェブサイトに新しい機能を追加するためのより安全な方法です。詳細については、WordPressにヘッダーとフッターコードを追加する方法に関するガイドをご覧ください。
よくある質問：WordPressテーマで編集するファイル
まだどこから始めればよいかわからない、またはよくある間違いを避けたいですか？ WordPressテーマファイルを編集する際のよくある質問について、いくつか簡単な回答をご紹介します。
なぜWordPressのメインテーマファイルを編集してはいけないのですか？
メインのテーマファイルを直接編集するのは危険です。なぜなら、行った変更は、テーマが次にアップデートされたときに上書きされてしまうからです。WordPressのアップデートでは通常、テーマフォルダ全体が置き換えられるため、カスタマイズが警告なしに失われる可能性があります。
チャイルドテーマとは何ですか、そしてなぜ重要ですか？
チャイルドテーマは、親テーマの機能とスタイルを引き継ぐ別のテーマです。これはサイトをカスタマイズするための最も安全な方法です。なぜなら、編集内容を元のテーマファイルから分離しておくことができるからです。これにより、変更を失うことなく親テーマを安全にアップデートできます。
公開する前に変更をプレビューできますか？
もちろんです。ステージングサイトを使用することは、ライブサイトに影響を与えることなく変更をプレビューする最善の方法の1つです。また、テーマカスタマイザーまたはフルサイトエディター（テーマが対応している場合）を使用して、公開する前に簡単なデザインの微調整をリアルタイムでテストすることもできます。
WordPressのテーマファイルを編集するためにコーディングスキルは必要ですか？
header.php、functions.php、single.phpなどのテーマファイルを直接編集したい場合は、サイトを壊さないように、HTML、CSS、PHPの基本的な知識が重要です。
ただし、色、フォント、レイアウトの変更などの簡単なカスタマイズについては、多くのテーマでテーマカスタマイザーまたはフルサイトエディターに組み込みのカスタマイズオプションが用意されています。SeedProdやElementorのようなページビルダーを使用して、コードに触れることなく視覚的な変更を行うこともできます。
編集すべきテーマファイルを特定するのに役立つツールはありますか？
はい！What The Fileプラグインのようなツールを使用すると、どのテンプレートファイルがどのページで使用されているかを正確に知ることができます。また、表示されているコンテンツの種類に応じて異なるテーマファイルがどのように読み込まれるかを理解するために、WordPressテンプレート階層を参照することもできます。
WordPressサイトにカスタムCSSを安全に追加するにはどうすればよいですか？
カスタムCSSを追加する最も簡単な方法の1つは、テーマカスタマイザーの外観 » カスタマイズ » 追加CSSから行うことです。カスタムCSSを追加する
または、WPCodeのようなコードスニペットプラグインや、子テーマのスタイルシートを使用することもできます。これらの方法により、特にカスタマイズメニューが非表示になっている可能性があるブロックテーマを使用している場合、テーマのアップデート中にスタイルが失われることはありません。
追加リソース：その他のWordPressテーマのヒントとコツ
この記事がWordPressテーマのどのファイルを編集すればよいかを見つけるのに役立ったことを願っています。次に、以下のガイドも参照することをお勧めします。
- プロのようにWordPressテーマカスタマイザーを使用する方法
- WordPressのフルサイト編集の完全初心者ガイド
- WordPressでプラグインとテーマの情報を表示する方法
- WordPressテーマ開発チートシート
- 無料 vs プレミアム WordPressテーマ（サイトオーナー向けの長所と短所）
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
デニス・ムトミ
子テーマを使用して大規模な変更を行うことの重要性を特に評価しています。
これは多くの初心者が見落としがちな、非常に重要なアドバイスです。
私の経験では、子テーマを作成することで、テーマのアップデート時に数え切れないほどのフラストレーションから解放されました。
kzain
サイトで公開する前に、テーマファイルに加えられた変更をプレビューする方法はありますか？これは意図しない中断を避けるために非常に役立つでしょう。非常に明確で実践的なアドバイスを提供していただきありがとうございます！
WPBeginner コメント
1つの方法は、変更を公開する前にステージングサイトまたはローカルサーバーを使用してテーマをテストすることです。
モイヌディン・ワヒード
これは少し開発者向けのタスクですが、確かにファイルを編集する必要がある場合、望む変更を加えるためにどのファイルを編集すべきかというジレンマに陥ることがあります。
私は常にfunctions.phpファイルを変更する必要があると思っていましたが、そうではなく、変更は望む場所で行う必要があります。
プラグインを調べて、どこを編集し、変更を加える必要があるかを確認します。
このチュートリアルガイドをありがとうございます。これらの概念をよりよく理解するのに本当に役立ちます。
WPBeginnerサポート
You’re welcome
管理者
イジー・ヴァネック
ヒントをありがとうございます。時々、ウェブサイトに変更を加える必要があり、どのファイルを編集すればよいかすぐにわからないことがあります。このプラグインは、現在どのテンプレートファイルが使用されているかを把握するのに役立ちます。
WPBeginnerサポート
Glad we could share this plugin
管理者
Riyaz
このプラグインをインストールしたことで私の生活が楽になりました。しかし、一部のテーマでは次のようなものが残っています。
$has_sidebar = is_active_sidebar( ‘single-blog’ );
do_action( ‘mytheme_page_header’ );
そして、どこにも見当たらない機能もいくつかあります：
mytheme_get_listings_image(‘mytheme-list’)
これらを見つける方法はありますか？
WPBeginnerサポート
ファイルを手動で確認する必要があります。通常、それらはfunctions.phpファイルにあります。
管理者
マーク・スウィフト
こんにちは、
素晴らしい記事ですね。
しかし、編集しなければならない子テーマにファイルが利用できない場合はどうなりますか？
Cos
テーマが更新されても変更が失われないように、テンプレート（.php）ファイルを子テーマにコピーした場合、コピーして編集したファイルがテーマ開発者によって更新された場合はどうなりますか？その場合、彼らのアップデートの恩恵を受けられなくなりますか？
スーザン・シェリダン
どのスタイルシートが適用されているかを見つけるための、この種のツールはどうですか？
ボンド・シャンズ
これらの指示を使って、ブログの下部にある郵便局の郵送先住所の行を変更できると思っていました。しかし、What The Fileプラグインをインストールして有効にしても、目立った結果は得られませんでした。メニューバーに何も新しいものは表示されませんでした。また、正直なところ、編集したいブログページを見ているときに、プラグインがどのように表示されるのか、あなたの指示ではわかりませんでした。（また、私はすでに別のメールアドレスで購読しています）。
WPBeginnerサポート
こんにちは、ボンド・シャンズさん。
各WordPressサイトでは、各ページに読み込まれるいくつかのテンプレートを使用しています。例えば、ヘッダーとフッターのテンプレートです。郵便料金の住所を変更するには、footer.phpファイルを編集する必要があります。ただし、直接変更する前に、WordPressテーマのバックアップを取ってください。
ありがとう
管理者