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がはいります

  • この記事を書いた人

ゆず

■忘れないように自分の覚書と、誰かも困っているかもしれないので参考になればいいなくらいの軽い備忘録です。
■サイト運営費のためGoogleAdsenseをいれています。
gifteeを贈る / コーヒーをおごる / mail

1

outlookを最小化すると勝手に終了してしまう outlookを最小化すると勝手に終了してしまうと相談されたけど実はそれ勝手に閉じてるわけじゃなくて、おそらく「最小化時にアイコン化する設定」になって ...

2

前提 自分用ブックマークサイトとして使用しているてがろぐに、いいねボタンをつけようという狙いです。なので、てがろぐのセットアップは終了し稼働しているものとします。 配布ページのマニュアルを参考に進めま ...

3

感想をもっと手軽に、お気軽に。 https://labo.01kawa.com/kansou 素敵なフォロー、フォロワー、創作作家さんに作品の感想を送りたい…!が、語彙力がないという方向けの感想メーカ ...

-WordPress
-