WordPress のページによってサイドバーを切り替える方法

今回は例として、会社情報ページ(about)は会社情報用のサイドバー。商品紹介ページ(item)のページは商品紹介用のサイドバーに切り替えたい場合の手順を紹介します。

ページ用のサイドバーを用意する

それぞれのページで読み込むサイドバーのファイルを用意します。サイドバーのファイル名は、sidebar にハイフンを付けてページのスラッグ名を入れます。今回の場合だと以下のような感じです。

  • sidebar-about.php
  • sidebar-item.php

ページによって切り替える分岐タグ

ページによって読み込むサイドバーを切り替えてくれるタグを書きましょう。このタグを書く場所は page.php とか index.php とか人によっては違うと思いますが頑張ってみてください。

1
2
3
4
5
6
<?php if(is_page('about')): ?>
	<?php get_sidebar('about'); ?>
<?php endif; ?>
<?php if(is_page('item')): ?>
	<?php get_sidebar('item'); ?>
<?php endif; ?>

テキストを切り替える場合にも使えますよ

このタグは普通にテキストでも使えます。あと需要が多そうなトップページの時っていうのも一緒に書いておきます。

1
2
3
4
5
6
7
8
9
<?php if(is_home()): ?>
	// トップページの時にここが表示されます。
<?php endif; ?>
<?php if(is_page('about')): ?>
	// 会社情報のページの時にここが表示されます。
<?php endif; ?>
<?php if(is_page('item')): ?>
	// 商品情報のページの時にここが表示されます。
<?php endif; ?>

今回のページ分岐のポイントをチェック!

要は以下でワンセットですから、これをたくさん増やしてスラッグ名だけしっかり指定すれば構いません。

1
2
3
<?php if(is_page('ここにページのスラッグ')): ?>
	// 表示したい内容をここに書く。
<?php endif; ?>

コメント

コメントは受け付けていません。