【JIN:R】ヘッダーにサブメニューを表示するカスタマイズ

2022年11月23日 14:30

※2023年4月20日記事更新しました。

JIN:Rのヘッダーにグローバルナビゲーションとは別のサブメニューを設置する方法についてのメモ書きです。

まずはサンプルです↓

赤線内がサブメニューです。

標準のグローバルナビゲーションに下層ページへのリンクを全て含んでしまうと、ゴチャゴチャした印象を与えてしまいます。

メインのコンテンツへの導線はスッキリさせて、それ以外のコンテンツへの導線を別にするというのがサブメニューのコンセプトです。

カスタマイズの構成

今回のカスタマイズではテーマファイル内のテンプレートファイルを一切編集しません。

子テーマ化する必要はありませんし、テーマ内のphpファイルはノータッチです。

強引にPHPテンプレートファイルを編集する方法もあるんですが、WordPressでサイトを運営する場合、テーマのテンプレートファイルを直接編集してしまうとテーマのバージョンアップで上書きされカスタマイズが消えます。

バージョンアップによる影響を受けにくいカスタマイズをしておくと、運営が楽になります。

＜バージョン情報＞
デモサイトはWordPress、JIN:Rともに記事執筆時に利用可能な最新バージョンです。

ヘッダーに電話番号を表示する方法は別の記事で解説しています↓

1,567字

¥ 9,890

この記事が気に入ったらサポートをしてみませんか？