ワードプレスルックス>メニューで設定できるサイトメニュー、正式名称「ワードプレスナビゲーションメニュー(WordPress navigation menu)」をショートコード化して、ページやその他の必要な場所どこ投げ挿入することができようにすることができる。
通常は、このナビゲーションメニューをショートコードして入れる必要もなく、理由も分からないのに、ポリラング
ナビゲーションメニューをショートコードするカスタムメニューを作成し、作成したメニューをショートコードに登録する2つの段階を経なければならない。すべてのコードは、ワードプレス
ワードプレスカスタムナビゲーションメニューの作成
まず、任意のカスタムメニューを
register_nav_menus( array(
'custom_menu' => 'Custom Menu',
) );
メニューショートコードで作成
今作成したメニューをショートコード化して登録すればよい。事実ショートコード化する方法はとてもやすいのに、基本形にコードを入力すると、特定のスキンですべてのスタイルを無視して最上段に位置する現象が現れる。ので下記のような方法で入力すると、エラーなしでカスタムメニューをショートコード化させることができる。
function get_menu($args){ $menu = isset($atts['menu']) ? $atts['menu'] : ''; ob_start(); wp_nav_menu(array( 'theme_location' => 'custom_menu', ) ); return ob_get_clean(); } add_shortcode('Custom_nav_menu', 'get_menu');
上記のコードでは少なかった青
コードの中に
wp_nav_menu(array( 'theme_location' => 'custom_menu', 'fallback_cb' => false, ) );
このように、赤の部分のように追加すればよい。
使用可能な属性
ここに使用できるコードは以下の通りである。すべて使ってみたのはなく、公式ヘルプを参照していたので、いくつかのコードの説明とは異なる場合があります。
許可するメニューのID、スラグ(Slug)、名前などを入力する
メニューを構成する
メニューを構成する
メニューを包んでいる容器
上記コード。コード内に明示するメニューがない時ロード値を定める。デフォルト値は、ページのリストであり、
CSSで自由に文章や画像、アイコンを入れてみよう
上記の
上記のようでリンクテキストの前のテキストを定める。
上記のようでリンクテキストの後のテキストを定める。
メニューを表示したり、戻したりする定とする。デフォルトでは、
ロードメニューの階層構造を決定する。ここ
ユーザー定義ウォーカークラスのインスタンスを定義する。
使用するテーマの位置を定義するが、ここで使用カスタムメニューの名前を入れて入れるとされる。
リストの項目をラップすること。デフォルトでは、
メニューの
使用可能なすべての属性は、上記のようで、内容はワードプレス