[NAUTICA（ノーチカ）]

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】10.10.8
【お使いのブラウザ】Google Chrome 84.0.4147.89
【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）

===

試用させていただきありがとうございました。
時間が空きましたが昨日テーマを購入させていただきました。
これから本格的に活用したいと思っています。

早速ですが，ヘッダー設定で「シンプル」を選択して，ロゴを中央，ハンバーガーボタンを左側に変更（右側には別のアイコンを設置）したいのですが，カスタマイザーとCSS追記だけで可能でしょうか？My Snow Monkeyでのカスタムも必要でしょうか。
もしくは「中央ロゴ」を選択してカスタムしていったほうがいいでしょうか。
画面サイズに関係なく常時ドロワーメニューにしたいと思っています。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

ありがとうございます！

えっとヘッダーですが、PC とモバイルでの出し分けやヘッダーコンテンツの有無など条件がいろいろあるので結構複雑になっておりカスタマイズが難しいんですよね。。。

ヘッダーコンテンツを使わないのあればまるっと新しく定義しなおしちゃうのが簡単なのですが、ヘッダーコンテンツは必要でしょうか？（カスタマイザー → デザイン → ヘッダー → ヘッダーコンテンツ）

♥ 0

いいねをした人: 居ません

[NAUTICA（ノーチカ）]

ありがとうございます。

ヘッダーコンテンツは右側に置くアイコンのために使えるのかな…？とおぼろげに思っていましたが，別の方法で実現できれば使えなくても大丈夫です。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

おそくなってしまいすみません！ 下記のコードを My Snow Monkey プラグイン、もしくは子テーマの functions.php に貼り付けてみてください。

add_filter(
	'snow_monkey_pre_template_part_render',
	function( $html, $slug ) {
		if ( 'template-parts/header/simple' === $slug ) {
			ob_start();

			$header_type      = get_theme_mod( 'header-layout' ) . '-header';
			$header_alignfull = get_theme_mod( 'header-alignfull' );
			$has_drawer_nav   = has_nav_menu( 'drawer-nav' ) || has_nav_menu( 'drawer-sub-nav' );
			$container_class  = $header_alignfull ? 'c-fluid-container' : 'c-container';
			?>
			<div class="l-<?php echo esc_attr( $header_type ); ?>">
				<div class="<?php echo esc_attr( $container_class ); ?>">
					<div class="l-<?php echo esc_attr( $header_type ); ?>__row">
						<div class="c-row c-row--middle">
							<div class="c-row__col" style="width: 50px">
								<?php \Framework\Helper::get_template_part( 'template-parts/header/hamburger-btn' ); ?>
							</div>
							<div class="c-row__col c-row__col--auto u-text-center">
								<?php \Framework\Helper::get_template_part( 'template-parts/header/site-branding' ); ?>
							</div>
							<div class="c-row__col" style="width: 50px"></div>
						</div>
					</div>
				</div>
			</div>
			<?php
			return ob_get_clean();
		}
		return $html;
	},
	10,
	2
);

上記は「シンプル」の HTML を再定義するコードになります。他の方法としては、子テーマの templates/header/ の中に例えば simple2.php のようなファイルを作って（ちょっとコードを足せば My Snow Monkey の中でも可能）、その中のコメントに Name: simple2 のように書くとカスタマイザーで「simple2」を選べるようにもなります。

♥ 0

いいねをした人: 居ません

[NAUTICA（ノーチカ）]

トピックを閉じるのが遅くなりました。

回答ありがとうございました。教えていただいた方法でうまく設定できました。
テーマのアップデートでメニューボタンの位置が選べるようにもしてくださっていましたね！

フォーラムを調べつつ勉強しておりますが，また随時質問させてください。
今後ともどうぞよろしくお願いします。

いいものができたら事例も送ります。

♥ 1

いいねをした人: 居ません

[投稿者]

投稿