WordPress

ナビゲーションメニューをショートコードで表示する方法

WordPressの「外観」-「メニュー」で管理操作できるナビゲーションをお客様に触ってほしくて、ショートコードで実装したメモ。
また、ショートコードにすることによって、記事の中でも出力できるようになるそうです。

参考サイト

参考サイトさんのままなので先に紹介。
ナビゲーションメニューを記事中にショートコードで表示する方法
【WordPress】メニューをショートコードで表示させる方法

また、公式サイトのwp nav menuについてはこちら

設定

前提


あらかじめ「外観」-「メニュー」からナビゲーションを作成しておく。
ナビゲーション名は英数字推奨(※CSSで使う場合)

functions.php側

//=============================================
//	任意のナビゲーションメニューをショートコードで出力
//	[print_navmenu menu='メニュー名']
//=============================================
add_shortcode(
	'print_navmenu',
	function($atts){
		$atts = shortcode_atts(array(
			'menu' => ''	//メニュー名
			), 
			$atts,
			'print_navmenu'
		);
		extract($atts);
		return wp_nav_menu(array('menu' => $menu, 'echo' => false));
	}
);

ショートコードの設置

挿入したい箇所に下記ショートコードを設置

[print_navmenu menu='メニュー名']

サンプル画像だとメニュー名のところにはaboutがはいります

  • この記事を書いた人

ゆず

忘れないように自分の覚書と、誰かも困っているかもしれないので参考になればいいなくらいの軽い備忘録です。
一杯おごる

-WordPress
-