カテゴリー
WordPressプラグイン

Confirm theme structure:プラグイン開発者のページ

このページはWordPressのページの表示に使用するテンプレートのリストを表示できるプラグイン「Confirm theme structure」の作者R3098による解説です。

テーマのカスタマイズに必要な情報とは

WordPressの初めてのカスタマイズはCSSで実現可能な範囲のデザイン調整。
その次のステップはテンプレートファイルのカスタマイズでしょう。
初心者の方がWordPressのカスタマイズで躓いてしまう要因のひとつは構成ファイルの多さです。
まず変更したい箇所に「どのテンプレートが使われているか分からない」のです。

ページの構成テンプレート

あなたが投稿ページのカスタマイズを行いたいとしましょう。
2カラムの表示に使われている投稿ページの基本テンプレート構成は以下です。

  1. functions.php
  2. header.php
  3. single.php
  4. sidebar.php
  5. footer.php

つまり、記事本文の部分をカスタマイズしたければ、single.phpが対象となります。
しかし、多くのテーマではインクルードという形でさまざまなテンプレートが読み込まれており、このように単純な構成ではありません。

Twenty Nineteenの構成テンプレート

例えば、WordPress5.0で新登場の「Twenty Nineteen」の投稿ページでは、実に17ものテンプレートにより構成されています。

  1. /home/public_html/wp-content/themes/twentynineteen/functions.php
  2. /home/public_html/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php
  3. /home/public_html/wp-content/themes/twentynineteen/classes/class-twentynineteen-walker-comment.php
  4. /home/public_html/wp-content/themes/twentynineteen/inc/template-functions.php
  5. /home/public_html/wp-content/themes/twentynineteen/inc/icon-functions.php
  6. /home/public_html/wp-content/themes/twentynineteen/inc/template-tags.php
  7. /home/public_html/wp-content/themes/twentynineteen/inc/customizer.php
  8. /home/public_html/wp-content/themes/twentynineteen/single.php
  9. /home/public_html/wp-content/themes/twentynineteen/header.php
  10. /home/public_html/wp-content/themes/twentynineteen/template-parts/header/site-branding.php
  11. /home/public_html/wp-content/themes/twentynineteen/template-parts/content/content-single.php
  12. /home/public_html/wp-content/themes/twentynineteen/template-parts/header/entry-header.php
  13. /home/public_html/wp-content/themes/twentynineteen/template-parts/post/author-bio.php
  14. /home/public_html/wp-content/themes/twentynineteen/comments.php
  15. /home/public_html/wp-content/themes/twentynineteen/template-parts/post/discussion-meta.php
  16. /home/public_html/wp-content/themes/twentynineteen/footer.php
  17. /home/public_html/wp-content/themes/twentynineteen/template-parts/footer/footer-widgets.php

まず、この構造を知らなければ、カスタマイズは始まらないといえます。

Confirm theme structure

「Confirm theme structure」では現在表示しているページの構成情報を表示します。
サーバ内でのパス付でテンプレート名が表示されますので、ファイルの場所に迷うこともないでしょう。
もちろん、子テーマを使用している場合でも、親テーマを含めて、構成テンプレートをすべて認識します。
また、2.0.2からはWooCommerceを使用している際にプラグインフォルダから読み込まれる構成テンプレートの抽出も可能になりました。

付加情報としてWordPressの各情報も確認できますので、バージョン管理についても検証しやすくなるはずです。

  1. WordPress バージョン
  2. PHP バージョン
  3. データベース情報

システム要件

  1. WordPressバージョン: 4.9 or higher
  2. 検証済み最新バージョン: 5.7.2
  3. 言語:日本語・English・Spanishなど
  4. PHP:5.6以上

インストール方法

WordPressダッシュボードのプラグイン→新規追加より検索してインストール、もしくは公式プラグインディレクトリからダウンロードください。

使用方法

プラグインを有効化するだけ、他にはなにも必要ありません。

ログイン状態でページを開くと、管理バーに「表示テンプレート情報」という項目が表示されます。
実際に構成情報を知りたいページを開き、クリックすることで情報が表示されます。
この情報は管理者のみに表示し、非ログイン時には余計なファイルを読み込みません。

Confirm theme structureの使用方法

テーマカスタマイズに挑戦したい
カスタマイズしたいが、どのテンプレートを変更すれば分からない
このテーマはどういう構成になっているのか勉強したい

この「Confirm theme structure」はテーマカスタマイズの友を目指して作成しました。
あなたのWordPressライフに役立ちますように!

wordpress.orgのアカウントをお持ちの方はご要望・不具合報告・レビューなどいただけますとうれしく思います。
また、このページのコメントフォームもお使いください。
公式プラグインディレクトリ

profile image

執筆:R3098

WEBサービス構築・監修が生業です。WordPress 関連では Aurora Heatmap などのプラグイン開発も行っています。サイト運営者の力になりたいと考えます。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトは reCAPTCHA によって保護されており、Google のプライバシーポリシー および 利用規約 に適用されます。

reCaptcha の認証期間が終了しました。ページを再読み込みしてください。