ヘッダーメニューについて

ありがとうございまさす！ちなみにスマホでもロゴの上に出したい感じですかね？

お盆休みですぐは難しいのですが、カスタマイズのコードを考えてみます。

まず、My Snow Monkey プラグインに下記のコードを追加してください。

add_filter(
	'snow_monkey_template_part_render',
	function( $html, $slug ) {
		if ( 'template-parts/header/site-branding' === $slug ) {
			ob_start();
			?>
			<div class="my-icons">
				ここにアイコンの HTML を記入
			</div>
			<?php
			return ob_get_clean() . $html;
		}
		return $html;
	},
	10,
	2
);

次に、カスタマイザー → 追加 CSS に下記の CSS を追加して、PC サイズでのアイコン上の余白を調整してください（-24px の部分を任意の数値に設定）。

@media (min-width: 1024px) {
  .my-icons {
    margin-top: -24px
  }
}

アイコンのサイズや数によっては折り返したりしてしまうことがあるかもしれません。そのときはまた言ってください。

今回、自分が実装したかったことが実現しました！いつもありがとうございます！

良かったです！

しかし、私の今のスキルでは自力での解決が困難で、こちらのサポートフォーラムに頼るしかありません。フックの使い方など、習得していくにはどういった勉強がお勧めでしょうか？書籍や参考サイト、何かあれば、お手隙の際に教えていただけると嬉しいです。

フィルターフック・アクションフックは WordPress カスタマイズの超基本事項なので、まずはオフィシャルのドキュメントやネットの記事などを読んで、どのようなものなのか、どのようなことができるものなのかを把握してみると良いかと思います。

WordPressカスタマイズの幅が劇的に広がる、フィルターフックとアクションフックの使い方 | 株式会社LIG

こんにちは、日々WordPressをカスタマイズしているエンジニアのひろゆきです。 今回はWordPressのカスタマイズの際に活躍するフィルターフック、アクションフックについて…

liginc.co.jp

あとはそれぞれのフックでできることが違うので、実際にコードを書いて試してみるのが良いと思います。僕も最初は公開されているプラグインのコードをわざと書き換えてみてどのような変化があるのかを試したりしていました。

このフォーラムにもたくさんフックを使ったサンプルコードがあるので、まずはコピペして、次にわざと書き換えてみてどうなるかを試しているうちにだんだん理解が深まっていくと思います。

Snow Monkey のオンラインコミュニティでも聞いてみるともっといろいろな方の意見が聞けるかもしれませんね。

オンラインコミュニティ

Snow Monkey オンラインコミュニティは、Snow Monkey / unitone のユーザーの皆さ…

snow-monkey.2inc.org