【SWELL】カテゴリーごとにヘッダーのグローバルメニューとフッターの内容を変更する方法［WordPress］

ダッシュボード　>　メニュー　>　新しいメニューを作成しましょう。をクリック

今回はWordPressというカテゴリーページの記事を表示した時にグローバルメニューを子カテゴリーの内容にしてみます。

名前は｢wp-menu｣としています。

最後にメニューを保存ボタンを押し忘れないようにしましょう。

functions.phpに下記のコードを挿入します。

安全に入れたい場合はCode Snippetsのプラグインがおすすめです。

function custom_nav_args($args){	
	if ( is_category( array('3','37','36','28','41','42','40') )){
		$args['menu'] = 'wp-menu';		
		$args['container'] = '';	
    $args['items_wrap'] = '%3$s';
		$args['link_before'] = '<span class="ttl">';
		$args['link_after'] = '</span>';	
		return $args;
	} else {
		$args['menu'] = 'header_menu';		
		$args['container'] = '';
    $args['items_wrap'] = '%3$s';
		$args['link_before'] = '<span class="ttl">';
		$args['link_after'] = '</span>';		
		return $args;
	}
}
add_filter('wp_nav_menu_args', 'custom_nav_args');

is_category( array('3','37','36','28','41','42','40') )のところは作成したメニューを表示させたいカテゴリー番号をいれています。

$args['container'] = '';以下は特にSWELLのテーマに合わせて表示が崩れないようにいれています。別テーマの場合は必要ありません（見た目が崩れる場合はテーマに合わせて調べて記述します）

キャッシュが効いているとメニューが上手く切り替わらないので、キャッシュを切ります。

ダッシュボード　>　SWELL設定　>　ヘッダーをキャッシュする　のチェックを外しましょう。

またPjaxによる遷移（Barba v2）は使わないようにしましょう。（SWELL）

またフッターを遅延読み込みさせるはチェックを入れています。

※チェックを外すと、グローバルメニューの内容が反映されてしまいます。

スマホ開閉メニューをキャッシュするのチェックも切っておきましょう。

特定のカテゴリー記事を開くと、自然にグローバルメニューが切り替わりました！

ダッシュボード　>　プラグイン　>　新規追加から　Widget Optionsで検索します。

WordPress.org 日本語

Widget Options – Add Context To WordPress Widgets Get Better Control over your WordPress Widgets. Easily show or hide WordPress widgets on specific pages, for specific user roles, taxonomy or devices.

今すぐインストールボタンを押して、有効化しましょう。

ダッシュボード　>　外観　>　ウィジェット　へ

ウィジェットの項目の下に表示条件が設定できるようになってますので、チェックを入れて設定するだけです。