WordPressテンプレート階層を利用して自作テーマを作る

WordPressでテーマを自作しサイトを構築していくにはWordPressのテンプレート階層を意識するのが大事です。

アクセスしたページごとに優先順位の高いテンプレートを自動で出力してくれるので、サイト構築の効率が上がります。

🔽ja.wordpress.org

https://ja.wordpress.org/team/handbook/theme-development/basics/template-hierarchy/

よく使うテンプレート

index.php

優先順位の高いテンプレートがない場合に出力されるので、構築の際にミスに気付けるよう空にしておくと良いです。

トップページ

front-page.php　をよく使います。

固定ページ

page-slug.php

投稿ページ

single-{post_type（カスタム投稿名）}.php　

カテゴリページ

category-slug.php

投稿記事一覧ページ

archive-{post_type（カスタム投稿名）}.php

404ページ

存在しないページにアクセスしたときに表示されるエラーページです。

404.php

WordPress最低限のテーマを準備

💡 テーマと認識されるのに必要なファイルが2つあります。

• index.php
• style.css

style.cssにテーマの情報を書きましょう

/* 
Theme Name: yuuki-Theme
Theme URI: http://test.jp/
Description: テーマの説明です
Author: yuuki
Author URI: http://test.jp/
Version: 1.0
*/

テーマのスクリーンショットを登録する

テーマのサムネイルは、テーマディレクトリに、「screenshot.png」のように保存してあげれば自動で反映されます。

WordPressの管理画面で、テーマを有効化しましょう！