wordpressの無料テーマLightining
管理画面で設定できるメニュー箇所を追加する方法をご紹介
完成系は
有料版にあるヘッダー右上のヘッダーサブメニューを無料版Lightningに追加
ダッシュボードにも、ちゃんとメニューバーの設定項目が出力されます!
functino.phpに追記
以下を追記
・header_sub : 任意の文字列
・ヘッダーサブメニュー : 外観>メニューで表示される任意の文字列
register_nav_menus(array(
'header_sub' => 'ヘッダーサブメニュー'
)
);
多言語化しているサイトなので、英語と2種類出力されていますが、ヘッダーサブメニューが追加されました。
出力場所の指定
管理画面で設定が出来るようになったので、今度は設定したメニューを出力させる設定が必要です。
cromeのディベロッパーツールで解析した所、以下の赤線の箇所に入れたいので
header.phpファイルを編集します。
(子テーマを作成して編集をしてください)
1.44行目と45行目の間に45行目~55行目をコピーして貼り付けます。
その際に
gMenu ⇒ sMenu
と名前を変えます。
'theme_location' => 'Header', ⇒ 'theme_location' => 'header_sub',
先ほどfunctionで設定したIDに変えます。
2.53行目に54行目~60行目をコピーして追記します。
その際に
gMenu ⇒ sMenu
と変更を忘れないように
Lightningのヘッダー上にメニューを追加
通常のメニューバーの上にメニューバーを増やす事が出来ました。
【お問い合わせフォーム、お申し込みフォーム、ご利用について】
この3つのメニューの箇所です。
管理画面からメニューバーの項目が変えられるので、メンテナンス性に優れています。
header.phpファイルにメニュー項目を直接htmlで入力するのではなく、制作を受注している人などは是非、ひと手間かけて欲しいですね!