WordPressでページごとにヘッダー、フッター、サイドバーを切り替える方法
WordPressではヘッダー、フッター、サイドバーは複数作ることができ、
ページごとに切り替えをすることもできます。
- 単一記事ページではこのフッターを表示させたい
- 固定ページではサイドバーを変えたい
- カテゴリ一覧ページではヘッダーを変えたい
こんな使い分けも可能です。
今回は複数のヘッダー、フッター、サイドバーを作成し切り替える方法を紹介します。
固定ページで異なるヘッダー、フッター、サイドバーを表示する場合を例とします。
ヘッダー、フッター、サイドバーを新たに作成する
デフォルトではそれぞれ header.php、footer.php、sidebar.php というファイル名ですが、
footer-(好きな文字列).php
sidebar-(好きな文字列).php
例)header-page.php
footer-page.php
sidebar-page.php
新たに作成する場合はこのようなファイル名にします。
新たに作成したテンプレートを呼び出す
それでは作成したテンプレートを呼び出してみます。
<?php get_header(); ?>
デフォルトのヘッダー(header.php)を表示するには、このテンプレートタグを使いますが
このテンプレートタグに
<?php get_header('page'); ?>
こんなふうに引数を渡すと header-page.php を呼び出すようになります。
<?php get_header('page'); ?> <?php get_footer('page'); ?> <?php get_sidebar('page'); ?>
フッター、サイドバーも同様です。
それぞれ header-page.php、footer-page.php、sidebar-page.php を
呼び出しています。
このテンプレートタグを固定ページに書き込めば
「固定ページで異なるヘッダー、フッター、サイドバーを表示」するようになります。
今回は固定ページを例に出しましたが、
カテゴリ一覧ページは category.php、
アーカイブページは archive.php
に、引数付きのテンプレートタグを書き込みます。