THE THORで記事のカテゴリーごとにサイドバーのメニューを変えるカスタマイズ

THE THORで記事のカテゴリーごとにサイドバーのメニューを変えるカスタマイズ

サイドバーの表示内容をページ毎に変えたいということはないでしょか?

例えば様々なカテゴリーを持つブログやサイトを運用している場合、サイドバーに表示されるメニューをカテゴリーごとに変えて表示したいといった場合があります。

当サイトを例にとれば、WordPress関連の記事の場合はWordPressに関するメニュー、資産運用に関する記事の場合は資産運用に関するメニューを表示させたいといった具合です。

人気記事などもやはりカテゴリーごとに分けて表示したいものです。

THE THORというWordPressテーマを使っている当サイトでは、その記事が属するカテゴリーごとにその記事のサイドバーのメニューや人気記事を変えて表示させています。

そこで、ここでは、

その記事の属するカテゴリーごとにその記事のサイドバーのメニューを変えるカスタマイズ

について解説したいと思います。

他にもカスタマイズしている点がありますので興味のある方は下記ページを参照して下さい。

関連記事

現在、当サイトでは、WordPressテーマに「THE THOR」を使用しています。THE THORは標準で多くの機能を搭載している分、設定項目が多いのが特徴です。設定によって自在にデザインや表[…]

WordPressテーマ「THE THOR」でカスタマイズしている点

THE THORで記事のカテゴリーごとにサイドバーのメニューを変えるカスタマイズ

当サイトでは、WordPressテーマにTHE THORを使っていますが、記事が属するカテゴリーごとにその記事のサイドバーのメニューを変えて表示するようにしています。

サイドバーのメニュー

カテゴリーごとにサイドバーのメニューを変えるには以下の手順を踏みます。

プラグイン「Widget Logic」をインストール

Widget Logicというプラグインをインストールします。

Widget Logicは、ウィジェットに条件分岐タグを指定できるWordPressプラグインです。

インストールすると下図のようにウィジェット毎に「ウィジェットのロジック」という項目が追加され、表示条件を指定できるようになっています。

サイドバーエリア

例えば、サイドバーエリアには、カテゴリーを表示させることが多いと思いますが、「ウィジェットのロジック」を使えば、条件指定で特定のページで、カテゴリーを表示させる、させないといったことが可能になります。

当サイトでは、この機能を使って、THE THORで目次を追従サイドバーに表示するカスタマイズにおいて、スマホでは目次を表示させないようにしています。

条件文の指定

当サイトを例にとって説明すると当サイトでは、ウィジェットのロジックの条件文に「in_category( array(’42’,’43’) )」と入力しています。

ウィジェットのロジックの条件文

これは、「42と43のカテゴリーに属する記事」という条件指定なので、このカテゴリーに属する記事において、「WordPress・レンタルサーバー」のカテゴリーの人気記事が表示されます。

42、43という数字は、カテゴリーのID番号です。カテゴリーページで確認できます。

同じように記事についてもID番号がありますのでそれで指定できます。

カテゴリーのID番号

特定の記事であれば、「is_single('投稿記事ID')

記事が複数あれば、「is_single( array('投稿記事ID','投稿記事ID') )

特定の固定ページであれば、「is_page('投稿記事ID')

特定のカテゴリーであれば、「is_category('カテゴリーID')

カテゴリーが複数あれば、「is_category( array('カテゴリーID','カテゴリーID') )

そして、カテゴリーに属する記事と指定したい場合は、「is」の部分が「in」になり、前に「!」をつけると「以外」という条件に変わります。

<例>

!is_single('投稿記事ID')」(投稿記事以外)
!is_mobile()」(モバイル以外)

タグやTOPページといった条件指定もできますし、&&(and条件)で繋げば、このカテゴリーに属する記事であってもある特定の記事には表示させないといったことも可能になります。

これらの条件文を指定することで、特定のカテゴリーやカテゴリーに属する記事のサイドバーには、このメニューを表示する、しないといったことが可能になります。

結構、便利ですよ。

但し、当サイトもそうですが、カテゴリーによっては、親子関係にしているものや、記事によっては、複数のカテゴリーに登録させたりしているものもありますので、完璧に理想的なメニューを表示させることが難しい部分もあります。

まとめ

THE THORで、その記事の属するカテゴリーごとにその記事のサイドバーのメニューを変えるカスタマイズについて解説してきました。

カテゴリーごとにサイドバーのメニューを変えるには、Widget Logicというプラグインをインストールし、ウィジェットで条件文を指定することで可能です。

カテゴリーごとにサイドバーのメニューを変更できるプラグインは他にもあるようですが、追従サイドバーに目次を表示する際にインストールしたWidget Logicが使えそうなのでこれを使ってみました。

条件指定ができますので柔軟性もあると思います。

当サイトでは、今のところテーマや他のプラグインと干渉して不具合を起こすといったことはありませんが、環境によっては不具合を起こす可能性もあると思います。

カスタマイズする場合は自己責任でお願いします。