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に変えます。

２．53行目に54行目～60行目をコピーして追記します。
その際に
gMenu　⇒　sMenu
と変更を忘れないように

Lightningのヘッダー上にメニューを追加

通常のメニューバーの上にメニューバーを増やす事が出来ました。
【お問い合わせフォーム、お申し込みフォーム、ご利用について】
この3つのメニューの箇所です。

管理画面からメニューバーの項目が変えられるので、メンテナンス性に優れています。
header.phpファイルにメニュー項目を直接htmlで入力するのではなく、制作を受注している人などは是非、ひと手間かけて欲しいですね！