Search Posts

ヘッダーナビゲーション(電話番号付き)表示機能

ヘッダーナビゲーション(電話番号付き)表示機能の概要

Webサイトの共通ヘッダー部分に、[管理サイト] – [外観] – [メニュー]で作成したカスタムメニューを(最大3階層まで)表示することができます。

jQueryプラグインのSuperfish Menuを利用させていただきました。

右端の電話番号は、別途、テーマカスタマイザーから登録・編集することが可能です。
初期設定のサンプルソースでは、電話番号クリックで、TEL発信も可能です。
レスポンシブ対応で、デバイスの幅が狭くなるにつれて、カスタムメニューが消え、電話番号が消え、最後にphoneアイコンだけがボタンとして残る仕様です。
html入力が可能ですので、電話番号以外の要素にも変更可能です。

カスタムメニュー・電話番号共に、未定義・空欄であれば、非表示となります。

テンプレートファイルのカスタマイズ

ヘッダーナビゲーション(電話番号付き)表示機能をカスタマイズするには、テンプレートファイル header.php から、get_template_part()している、template-parts/header-navigation.php を編集してください。