カテゴリー毎にテンプレートを変えていく方法を教えてください

子テーマでテンプレートを上書きすると、親テーマ（ここでは Snow Monkey ですね）のアップデートが子テーマに反映されないという問題がどうしても発生します。

子テーマでテンプレート上書きすればアップデートしても大丈夫っていうけど本当にそう言い切って良いのか？

この記事は Habakiri Advent Calendar 2015 4日目の記事です。Habakiri とは少しそれますが、Habakiri が子テーマ前提のテーマということで、今回は子テーマに関する記事…

habakiri.2inc.org

そのため、親テーマでは「いかに最小単位で必要な部分だけを子テーマで上書きできるようにするか」というのが大事になってくるのですが、Snow Mokey では独自のテンプレート構造を用いることでそれを実現しています。

Snow Monkey の基本的なテンプレート構造は次のようになっています。

（カテゴリーページの場合）

• archive.php
  • 大枠のレイアウトが定義されたレイアウトファイル ( templates/layout/xxxx.php ) の読み込み
  • コンテンツ部分が定義されたビューファイル ( templates/view/archive-投稿タイプ.php ) の読み込み

それぞれにどのようなコードを書けば良いかは Snow Monkey のレイアウトファイル、ビューファイルを参考にしてもらえればと思いますが、ヘッダー、サイドバー、フッターの読み込みについては、これも独自のコードで読み込むようになっておりまして、それぞれ次のようになります。

• ヘッダーファイルの読み込み ( wpvc_get_header( 'xxxx' ) で /templates/layout/header/xxxx.php を読み込み )
• サイドバーファイルの読み込み ( wpvc_get_sidebar( 'xxxx' ) で /templates/layout/sidebar/xxxx.php を読み込み )
• フッターファイルの読み込み ( wpvc_get_footer( 'xxxx' ) で /templates/layout/footer/xxxx.php を読み込み )

大枠レベルでデザインを変えたい場合

子テーマで変更しやすいようにカテゴリー専用のファイルは用意していないので archive.php 起点になっていますが、もしヘッダー・フッター・サイドバーとか大枠レベルでカテゴリーごとにデザインを変えたい場合は category-slug.php を作成し、その次のように記述します。

if ( have_posts() ) {
    $controller->render( 'category-slug' );
} else {
    $controller->render( 'none' );
}

そして、/templates/layout/wrapper/category-slug.php を作成して大枠の HTML を記述、/templates/view/category-slug.php を作成してビュー部分の HTML を記述、という手順になります。

ビュー部分（一覧が並ぶ部分）だけデザインを変えたい場合

いろいろやり方はありますが、たぶん次の方法がベストだと思います。

category-slug.php を作成し、その次のように記述します。

if ( have_posts() ) {
    $controller->render( 'category-slug' );
} else {
    $controller->render( 'none' );
}

そして、/templates/view/category-slug.php を作成してビュー部分の HTML を記述してください。

カテゴリーごとに異なる CSS ファイルを読み込ませる

header 部で、個々に css ファイルをリンクなどさせればよろしいかと思いますが、

と書かれていましたが、WordPress は header.php などに直接 link タグで CSS を読み込むことを推奨していません。CSS の読み込みは wp_enqueue_scripts アクションフックの中で、wされています。wp_enqueue_style を使っておこなうことが推奨されています。例えば、子テーマの functions.php に次のように記述します。

add_action( 'wp_enqueue_scripts', function() {
    if ( is_category( 'slug' ) ) {
        wp_enqueue_style( 'category-slug', get_stylesheet_directory_uri() . 'category-slug.css' );
    }
} );

多分これを読んでも初見ではなかなか慣れなくて難しいと思いますので、ちょっと試されてみて、またご質問いただければと思います（慣れればこのような構成にしている利点が見えてくると思います…！）

わかりずらくすみません、、コード見ながらとなりで説明できれば多分一発だと思うのですが、文章にするとスマートに説明しづらくて。

えと、/templates/layout/wrapper/category-slug.php は大枠のレイアウトファイルになりますが、メインテンプレートから「/templates/layout/wrapper/category-slug.php を使いたい」という指定をしなければなりません。

ここでいうメインテンプレートとは、/子テーマ/category.php とか、/子テーマ/category-slug.php とか、/子テーマ/single.php とかになります。

まとめると、

1. /子テーマ/category-slug.php を作成

<?php
$controller = new Mimizuku_Controller();

// layout/wrapper/category-slug.php をレイアウトファイルとして使用
$controller->layout( 'category-slug' );
if ( have_posts() ) {
	// 記事があるときは view/archive.php をビューファイルとして使用
	$controller->render( 'archive' );
} else {
	// 記事が無いときは view/none.php をビューファイルとして使用
	$controller->render( 'none' );
}

2. /子テーマ/templates/layout/wrapper/category-slug.php を作成

/snow-monkey/template/layout/wrapper 内の適当なファイルをコピペして改変する