トップ画面のメニューボタン（画面右上に配置のハンバーガーメニュー）をクリックした際に表示されるドロワーメニューを右側から表示されるようにしたい。

「ハンバーガーボタンの位置」を「左」にすると、ドロワーメニューは右側から表示されるようになります。

ドロワーナビゲーション

ダッシュボード > 外観 > カスタマイズ > デザイン > ドロワーナビゲーションで設定できます。 ハンバー…

snow-monkey.2inc.org

My Snow Monkey か子テーマの functions.php に下記のコードを追加してみてください。

add_filter(
	'snow_monkey_template_part_render_template-parts/nav/drawer', // template-parts/nav/drawer を書き換える
	function( $html ) {
		return str_replace(
			'class="c-drawer ', // これを
			'class="c-drawer c-drawer--inverse ', // こうする（.c-drawer--inverse が右からでるようにするクラス）
			$html
		);
	}
);

これで右からはでるようになるのですが、ハンバーガーボタンにドロワーが重なってしまうので、一般の方はどうやって閉じるのかな？と混乱してしまう可能性はあると思います。中にハンバーガーボタンを追加できれば良いですが、ちょっと構造的にそれがやりにくいので、あまりおすすめはできません…。今後のアップデートで（コードを書く形にはなると思いますが）出る方向と、ハンバーガーボタンの有無をやりやすくしたいなと思います。

v15.14.2 で機能を追加してみました。下記のコードで出る位置の設定やハンバーガーボタンの有無をカスタマイズできます。

add_filter(
	'snow_monkey_get_template_part_args_template-parts/nav/drawer',
	function( $args ) {
		$args['vars']['_inverse'] = true; // ドロワーを右から出す
		$args['vars']['_display-hamburger-btn'] = true; // ドロワー内にハンバーガーボタンを表示
		return $args;
	}
);

♥ 1

いいねをした人: