ワードプレスのテーマ編集について


1. 環境構築する(ダウンロード/インストール)

  • ローカル編集環境(Wordpress実行環境):LOCAL(https://localwp.com/)
  • ソースコードエディタ:Visual Studio Code

※PHP、データベース(Mysql)はそれぞれ最新バージョン、サーバーは汎用性の高いApacheの選択をお勧めします
※参考URL

2. ワードプレステーマの構成を理解する

2.1 テーマの最小構成

以下の2ファイルがあればワードプレスにテーマとして認識される(空ファイルでも可)

  • index.php
  • style.css

2.2 テンプレート階層について

各ページで表示されるファイルの優先順位が以下のテンプレート階層図に表現される。
日本語版リンク
英語版リンク(最新)

「Primary Templete」部分が主要ファイルとなっており、左側のブロックが優先的に表示される仕様となっている。テーマ内にひとつも存在しない場合は何も表示されず、2.1で挙げた2ファイルが存在すればテーマ破損やエラー扱いにならない。

2.3 便利なプラグイン

2.2で紹介したテンプレート階層に従ってファイルを作成するが、「Query Monitor」というプラグインを使えば、表示されているページのファイル名が確認できるので便利。