ヘッダー設定で「シンプル」を選択した時の,ロゴやハンバーガーボタンの位置変更について

0
いいねをした人: 居ません
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #54604
    NAUTICA(ノーチカ)
    閲覧者
    8

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

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

    ===

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

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

    0
    いいねをした人: 居ません
    #54621
    アバター画像キタジマ タカシ
    参加者
    2421

    ありがとうございます!

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

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

    0
    いいねをした人: 居ません
    #54627
    NAUTICA(ノーチカ)
    閲覧者
    8

    ありがとうございます。

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

    0
    いいねをした人: 居ません
    #54672
    アバター画像キタジマ タカシ
    参加者
    2421

    おそくなってしまいすみません! 下記のコードを 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
    いいねをした人: 居ません
    #64152
    NAUTICA(ノーチカ)
    閲覧者
    8

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

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

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

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

    1
    いいねをした人: 居ません
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • トピック「ヘッダー設定で「シンプル」を選択した時の,ロゴやハンバーガーボタンの位置変更について」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。