WordPressユーザーから最もよく寄せられる質問の1つは、「テーマをカスタマイズしたいのですが、どのファイルを編集すればよいかわかりません」というものです。
そして正直なところ、その混乱は完全に理にかなっています。間違ったファイルを編集すると、サイトが壊れたり、テーマが次に更新されたときに変更が消えてしまったりする可能性があります。
さらに、ほとんどのテーマには、謎めいた名前のファイルが多数含まれていることも役に立ちません。これは、何か1つを変更しようとしているだけの場合、圧倒されるように感じることがあります。
長年にわたり、私たちはあらゆる種類のWordPressプロジェクトに取り組んできましたが、数え切れないほど多くの適切なテンプレートファイルを特定する必要がありました。まさにそのために、このガイドを作成しました。
どのテンプレートファイルを編集すべきかを特定するために使用する正確な手順、WordPressテンプレート階層の仕組み、そして実際に永続する変更を行う方法を説明します。 🎨
WordPressテーマのテンプレートファイルを理解する
WordPressテーマは複数のファイルで構成されています。これらには、テンプレートファイル、カスタムテンプレートタグと関数、テンプレートパーツ、画像、JavaScript、CSSファイルが含まれます。
すべてのトップWordPressテーマは、公式のベストプラクティスに従っています。これは、標準のファイルおよびテンプレート構造を使用してすべてのコードを整理していることを意味します。
たとえば、すべてのWordPressテーマにはarchive.php、single.php、functions.phpなどのファイルがあります。
各ファイルは、WordPressウェブサイトの特定の領域を表示するためのテンプレートとして使用されます。
たとえば、single.phpテンプレートは単一の投稿を表示します。一方、page.phpテンプレートは単一のページを表示します。
WordPressのテンプレート階層を理解することで、WordPressの仕組みをより深く理解できます。WordPressテーマのコードを追加または編集する必要がある場合は、どのファイルを編集する必要があるかを判断するのに役立ちます。
詳細については、WordPressテンプレート階層のチートシートをご覧ください。WordPressテンプレート階層のチートシート。
これを踏まえて、WordPressテーマで編集するファイルを簡単に見つける方法をご紹介します。以下にカバーする内容を示します。
- WordPressテーマで編集するテンプレートファイルを見つける
- ボーナスヒント：WordPressでカスタムヘッダーとフッターコードを追加する
- よくある質問：WordPressテーマで編集するファイル
- 追加リソース：その他のWordPressテーマのヒントとコツ
早速始めましょう！
WordPressテーマで編集するテンプレートファイルを見つける
まず最初に行うべきことは、What The Fileプラグインをインストールして有効化することです。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。WordPressプラグインのインストール方法。
このプラグインはすぐに機能し、設定する必要のある設定はありません。
🚨 重要：このプラグインは少し古いものであり、最新のWordPressアップデートでテストされていないことに注意してください。ただし、最近ステージングサイトでテストしたところ、問題なく動作することがわかりました。
ご心配な場合は、古いプラグインを使用しても安全かどうかを確認するガイドをご覧ください。古いWordPressプラグインを使用しても安全ですか？（解説）で詳細をご確認ください。
有効化すると、ウェブサイトのフロントエンドにアクセスする必要があり、WordPressの管理バーに新しい「What The File」メニューが表示されます。
次に、メニュー項目にマウスカーソルを合わせるだけです。これにより、このページを表示するために使用されたテンプレートファイルの一覧が表示されるドロップダウンメニューが表示されます。
ファイル名をクリックすると、デフォルトのWordPressファイルエディタに移動し、その特定のファイルを編集できます。
ただし、WordPressのファイルエディタは元に戻すオプションがないため、テーマファイルを編集するために使用することは推奨しません。間違いを犯してウェブサイトにアクセスできなくなった場合は、FTPクライアントを使用して修正する必要があります。
代わりに、WordPressホスティングコントロールパネルのFTPクライアントまたはファイルマネージャーアプリの使用をお勧めします。
これらのツールを使用すると、Notepadのような任意のプレーンなテキストエディタでテーマファイルを編集できます。
WordPressテーマに直接変更を加えることはお勧めできません。これらの変更は、テーマを更新すると削除されます。
WordPressテーマに直接変更を加えることは、悪い考えでもあります。なぜなら、それらの変更はテーマを更新すると消えてしまうからです。
CSSのみを追加する必要がある場合は、WordPressのカスタムCSSとして行うことができます。
テーマファイルへのより広範な変更については、子テーマを作成する必要があります。「What The Fileプラグイン」は、子テーマでコピーして編集する必要のあるテーマファイルを特定するのに役立ちます。
☝ 注意: 管理バーにプラグインによって追加されたメニュー項目は、ログインしているすべてのユーザーに表示され、外部サイトへのリンクになります。このプラグインは、ステージングサイトのような開発環境でのみ使用してください。
ボーナスヒント：WordPressでカスタムヘッダーとフッターコードを追加する
場合によっては、WordPressウェブサイトに機能を追加するためにテーマファイルを編集する必要はありません。
例えば、トラッキングスクリプトや検証コードを挿入するために、サイトのヘッダーまたはフッター領域にカスタムコードを追加したいだけかもしれません。
そのような場合、テーマファイルを編集せずにコードスニペットを追加するためにプラグインを使用できます。例えば、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 テーマにパララックス効果を追加する方法
- jQueryを使用してWordPressにスムーズなトップスクロール効果を追加する方法
- WordPressテーマフレームワークとは？
- WordPressテーマ開発チートシート
- WordPress生成CSSクラスでテーマをスタイリングする方法
- 無料 vs プレミアム WordPressテーマ（サイトオーナー向けの長所と短所）
- 試すべき最高のシンプルな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テーマのバックアップを取ってください。
ありがとう
管理者