グローバルナビメニューの上部に、ロゴやボタンやテキストなどを横並びで配置したい

@yoshikiさん

参考の画像をアップしていただいたほうが回答が得られやすいと思いますので、ぜひよろしくお願いいたします。

♥ 1

いいねをした人:

画像のアップありがとうございます。
こちらのヘッダーは、テーマの上書きになると思います。
その方法でもよろしければ、準備として、以下のコードをmy-snow-monkey.phpに追加します。

add_filter(
    'snow_monkey_template_part_root_hierarchy',
    function ($hierarchy) {
        $hierarchy[] = untrailingslashit(__DIR__) . '/override';
        return $hierarchy;
    }
);

まず、参考サイトのヘッダーのようにするには、【カスタマイズ】→【デザイン】→【ヘッダー】→ヘッダーレイアウトを「2行」にしておきます。
その上で、Snow Monkeyのテーマでsnow-monkey/template-parts/headerにある2row.phpをコピーして、以下のような構造にします。
※必要なのは2row.phpのみです。

my-snow-monkey
└override
　└template-parts
　　└header
　　　└2row.php

コピーしてきた2row.phpの54行目と56行目の間あたりに

<div class="header_sns_link">
	<ul class="sns_link">
		<li class="twitter">
			<a href="https://twitter.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a>
		</li>
		<li class="facebook">
			<a href="https://www.facebook.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-facebook-f"></i></a>
		</li>
		<li class="instagram"><a href="https://www.instagram.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a>
		</li>
	</ul>
</div>

<div class="nav_header_specials">
	<ul class="nav_specials">
		<li>
			<a href="#"><i class="fas fa-school"></i>HEADER MENU1</a>
		</li>
		<li>
			<a href="#"><i class="fas fa-file"></i>HEADER MENU2</a>
		</li>
	</ul>
</div>

こんな感じのHTMLを入れ、overrideをmy-snow-monkey（ブラグイン）フォルダ内にアップします。
CSSはご自身で調整していただければと思いますが、以上で参考サイトのようなヘッダーにすることは可能ですが、今後Snow Monkeyのアップデートで仕様が変わる場合は、再調整が必要になると思います。
ほかにも、もっとスマートな方法もあると思いますが、1つの方法として参考にしてみてください。

ちなみにわたしもやってみました。

♥ 2

いいねをした人: