ローバルナビゲーションのサブメニューの表示/非表示をマウスオーバーからクリックに変更する

デフォルト(ホバーでサブメニュー表示)
カスタマイズ後(クリックでサブメニュー表示)

カスタマイズ方法

PHP

My Snow Monkey プラグインか、子テーマの functions.php に下記のコードを追加してください。

/**
 * ローバルナビゲーションのサブメニューの表示/非表示をマウスオーバーからクリックに変更
 *
 * @param string $html
 * @param string $slug
 * @return string
 */
add_filter(
	'snow_monkey_template_part_render',
	function( $html, $slug ) {
		if ( 'template-parts/nav/global' === $slug ) {
			$html = str_replace(
				'class="c-navbar"',
				'class="c-navbar" data-popup-mode="click"',
				$html
			);

			$html = str_replace(
				'<ul class="c-navbar__submenu"',
				'<div class="c-navbar__toggle" aria-expanded="false"><span class="c-ic-angle-right" aria-hidden="true"></span></div><ul class="c-navbar__submenu"',
				$html
			);
			return $html;
		}

		return $html;
	},
	10,
	2
);

この記事を書いた人

キタジマ タカシ

長崎県長崎市在住。地元のWeb制作会社でWebデザイナー/エンジニアとして従事した後、2015年にフリーランス [ モンキーレンチ ] として独立。WordPress のテーマやプラグイン、ライブラリ、CSS フレームワーク等、多数のプロダクトをオープンソースで開発・公開しています。

Snow Monkey オンラインコミュニティ

Snow Monkey をより良いテーマにするために、今後の機能開発等について情報共有したりディスカッションをしたりする場所です。より多くのユーザーの交流があったほうがより良いプロダクトに育っていくと思いますので、ぜひご参加ください!