WordPressでページごとにヘッダー、フッター、サイドバーを切り替える方法

テーマ

wptheme_header_change

WordPressではヘッダー、フッター、サイドバーは複数作ることができ、
ページごとに切り替えをすることもできます。

  • 単一記事ページではこのフッターを表示させたい
  • 固定ページではサイドバーを変えたい
  • カテゴリ一覧ページではヘッダーを変えたい

こんな使い分けも可能です。

今回は複数のヘッダー、フッター、サイドバーを作成し切り替える方法を紹介します。

固定ページで異なるヘッダー、フッター、サイドバーを表示する場合を例とします。

ヘッダー、フッター、サイドバーを新たに作成する

デフォルトではそれぞれ header.php、footer.php、sidebar.php というファイル名ですが、

header-(好きな文字列).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.phpfooter-page.phpsidebar-page.php
呼び出しています。

このテンプレートタグを固定ページに書き込めば
「固定ページで異なるヘッダー、フッター、サイドバーを表示」するようになります。

今回は固定ページを例に出しましたが、

単一記事ページで切り替えたい場合は single.php
カテゴリ一覧ページは category.php
アーカイブページは archive.php

に、引数付きのテンプレートタグを書き込みます。

テーマ

関連記事