WordPressの「外観」-「メニュー」で管理操作できるナビゲーションをお客様に触ってほしくて、ショートコードで実装したメモ。
また、ショートコードにすることによって、記事の中でも出力できるようになるそうです。
参考サイト
参考サイトさんのままなので先に紹介。
ナビゲーションメニューを記事中にショートコードで表示する方法
【WordPress】メニューをショートコードで表示させる方法
設定
前提

あらかじめ「外観」-「メニュー」からナビゲーションを作成しておく。
ナビゲーション名は英数字推奨(※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がはいります