オリジナルテーマ(自作テーマ)とは
WordPressではほとんどの場合、テーマというものを利用してWebサイトを構築します。
- 元々WordPressに用意されているテーマ
- 課金したら利用できるテーマ
- 自分でカスタマイズできるテーマ
など様々です。
テーマとは...
html,css,phpで既に作成されているWebサイトのテンプレートのようなもの
オリジナルテーマ内で利用される主要なファイルとその解説
style.css
- テーマのスタイルシート
- 「テーマの名称・作者・バージョン」などのメタ情報も記述されている
- テーマで利用されるcssファイルはこれ1つのみのものが大半
index.php
- WordPressテンプレート階層における最下層(フォールバック)のテンプレート
- 他のテンプレートが存在しない場合などは最終的にこのファイルが読み込まれる(大半はindex.phpを利用しない)
- しかし、すべてのテーマで必ず存在しなければならないファイル
functions.php
- テーマ全体の機能を管理するファイル
front-page.php
- ファイルが存在する限り一番優先されてトップページに表示されるファイル
front-page.php (classic theme) or front-page.html (block theme)
The front page template is always used as the site front page if it exists, regardless of what settings on Admin > Settings > Reading.
home.php
- 静的なフロントページを設定していない場合、このファイルは投稿の一覧ページを表示
- 最初からある「投稿」のアーカイブページで、初めはトップページに設定されてある
- このファイルがトップページに使われているサイトは、主にブログサイト
home.php (classic theme) or home.html (block theme)
The home page template is the front page by default. If you do not set WordPress to use a static front page, this template is used to show latest posts.
single.php
- 個別投稿(Single Post)を表示するテンプレート
- single-{post_type}.phpを作成することで、特定の投稿タイプ専用テンプレートが利用できる
page.php
- 固定ページを表示するテンプレート
- 「会社概要」「問い合わせ」「利用規約」など
archive.php
- アーカイブページ(カテゴリ一覧、タグ一覧、投稿タイプ一覧など)で利用されるテンプレート
search.php
- 検索結果一覧ページを表示するテンプレート
404.php
- ページが見つからない場合に表示されるテンプレート
- よく見る「404 Not Found」と同じ
sidebar.php
- サイドバーに表示するウィジェットやメニューなどをまとめるテンプレート
ウィジェットとは...
サイトやブログを作成した際に、上部や横部分、下部などの位置に配置できるパーツ
header.php/footer.php
- ページ全体で共通するヘッダー部分やフッター部分のテンプレート
comments.php
- 投稿や固定ページのコメント欄の表示をカスタマイズするファイル
備考
WordPressのテーマにおいて、style.css
とindex.php
は最低限必要なファイルです。逆にいうと、この二つのファイルさえ存在すればテーマと呼ばれるようです。(まあ実際のところfunctions.php
など上記で紹介したファイルはすべて必須レベルでテーマには必要ですが)
注意(初学者向け)
PHPを普段利用されない方は、WordPress内のPHPファイル(index.php, front-page.php ...)を見ると、phpとあるので処理が実装されているのではないかと一瞬思ってしまうかもしれません。
しかし、PHPはHTMLを出力(生成)できるので、PHPファイル内でがっつりHTMLが書かれています。
つまり、フロントの役割を担うphpファイルも当然存在するので、PHPファイルを見たからといってバックエンド側の処理ファイルだと判断しないようにしましょう。