WordPress

【WordPressワードプレス】初心者必見!閲覧中のテンプレートを表示する方法|Show Current Template

 

こんにちは、イケゾーです。

WordPressの勉強をしていて「テンプレート階層」で挫折してしまう方も多いのではないでしょうか。僕も最初は「index.php」「page.php」「single.php」とかたくさんあるし、優先順位ってなに?ってテンプレート迷子になりました。

イケゾー
このページは、どのテンプレートを使っているんだっけ

 

 

【WordPressワードプレス】初心者必見!閲覧中のテンプレートを表示する方法|Show Current Template

一旦理解したつもりでも、実際にWEB制作をしていくと混乱してしまうモノです。
そこで、いま閲覧中のページがどのテンプレートを使っているか表示できたら便利だと思いませんか?

今回は、簡単にできる方法を紹介します。これで「テンプレート階層」の理解が早くなりますよ 😛

この記事はこんな人におすすめ!

  • WordPressの「テンプレート階層」を勉強中 / 勉強予定
  • WordPressの修正をするとき、どのテンプレートを修正すれば良いか分からない時がある

 

 

ワードプレスおすすめ参考書
【WordPress(ワードプレス)初心者におすすめ本】「仕事の現場でサッと使える! デザイン教科書」のレビュー

続きを見る

当ブログでは、WordPressテーマ 「WING(AFFINGER5)」 を使用しています。

 

【WordPressワードプレス】閲覧中のテンプレートを表示する方法

プラグイン「Show Current Template」を使用して、閲覧中のテンプレートを表示します。

 

プラグイン「Show Current Template」のインストール

プラグイン「Show Current Template」をインストールし有効化します。(インストール方法はこちらの記事をご覧ください)

 

プラグインのインストール方法
【WordPress(ワードプレス)】プラグインのインストール方法|初心者向けに丁寧解説

続きを見る

 

では、早速トップページを開いてみましょう。

このように、使用しているテンプレート名が表示されるようになりました。(ツールバーが表示されていない場合)

 

さらに、テンプレート名にマウスホバーすると、ファイルの相対パス、インクルードしているファイル名が表示されています。カスタマイズするときに便利ですね。

 

 

ツールバーが表示されていない場合管理画面から「ユーザー」▶︎「プロフィール」▶︎「サイトを見るときにツールバーを表示する」をクリックして保存

 

 

ワードプレスおすすめ参考書
【WordPress(ワードプレス)初心者におすすめ本】「仕事の現場でサッと使える! デザイン教科書」のレビュー

続きを見る

 

まとめ

これでテンプレートも明確に分かりますし、どのテンプレートを編集すれば良いかもわかるようになりました。

 

イケゾー
最後まで読んでいただき、ありがとうございました。
ご不明点やご意見は、コメントやTwitterにて、お寄せください 🙂
では、またお会いしましょう

  • この記事を書いた人

ikezooo

愛知県30歳のフリーランスエンジニア。 サイト制作とブログで生き抜く。 ブログでは、月10〜15万ほど稼いでいます。 SEO検定3級保有。

-WordPress