SEOに強いWordPressのテンプレート『賢威』(バージョン7:スタンダード版)のグローバルメニューに、WordPressのプラグインである「Max Mega Menu」を設置する方法をご紹介します。

「Max Mega Menu」プラグインの準備

まずは「Max Mega Menu」をインストールして有効化します。

関連記事WordPressで手軽にレスポンシブ対応のグローバルメニューを設置できる「Max Mega Menu」

賢威の「header.php」を修正

デフォルトのまま「Max Mega Menu」の設定をすると、賢威のグローバルメニューと「Max Mega Menu」のグローバルメニューが重複して表示されてしまうため、「header.php」を修正する必要があります。

当サイトの場合は、賢威の子テーマを利用しているので、子テーマディレクトリにある「header.php」を修正します。

修正前

変更箇所は2か所です。

1か所目

	<!--▼グローバルナビ-->
	<nav class="global-nav">
		<div class="global-nav-in">
			<div class="global-nav-panel"><span class="btn-global-nav icon-gn-menu">メニュー</span></div>
			<ul id="menu">
			<?php echo get_globalmenu_keni('top_menu'); ?>
			</ul>
		</div>
	</nav>
	<!--▲グローバルナビ-->

デフォルトだと56~65行目にあります。

2か所目

		<!--▼グローバルナビ-->
		<nav class="global-nav">
			<div class="global-nav-in">
				<div class="global-nav-panel"><span class="btn-global-nav icon-gn-menu">メニュー</span></div>
				<ul id="menu">
				<?php echo get_globalmenu_keni('top_menu'); ?>
				</ul>
			</div>
		</nav>
		<!--▲グローバルナビ-->

デフォルトだと91~100行目にあります。

修正後

1か所目

	<!--▼グローバルナビ-->
	<nav class="global-nav">
		<div class="global-nav-in">
			<?php echo get_globalmenu_keni('top_menu'); ?>
		</div>
	</nav>
	<!--▲グローバルナビ-->

2か所目

		<!--▼グローバルナビ-->
		<nav class="global-nav">
			<div class="global-nav-in">
				<?php echo get_globalmenu_keni('top_menu'); ?>
			</div>
		</nav>
		<!--▲グローバルナビ-->

Max Mega Menuを適用させる

適用手順は以下の通りです。

  • WordPress管理画面の左サイドバーにある「外観」から「メニュー」をクリック
  • 画面左側にある「Max Mega Menu Settings」で「Enable」にチェックを入れて「保存」ボタンをクリック

これで、賢威7でMax Mega Menuが生成するグローバルメニューが表示されます。