- このトピックには9件の返信、2人の参加者があり、最後に
により3年、 8ヶ月前に更新されました。
-
投稿
-
トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。
【お使いの Snow Monkey のバージョン】バージョン: 11.0.2
【お使いのブラウザ】googlechrome
【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）===
ヘッダーメニュー をグローバルナビゲーションとサブナビゲーションで表示させています。
グローバルとサブナビの間にサイト名も表示させています。(上から順に、サブナビ、サイト名、グローバルナビ)
この状態で、質問です。グローバルとサブナビの間に、小さなアイコン画像を3こ設置したいのですが、可能でしょうか？メニューの項目にヘッダーコンテンツがあり、そのちいさな欄に、タグごと記述すればいけそうかもと思ったのですが、他に方法はありますでしょうか？
ご確認、よろしくお願いします。
いいねをした人: 居ませんまず、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 } }アイコンのサイズや数によっては折り返したりしてしまうことがあるかもしれません。そのときはまた言ってください。
いいねをした人: 居ませんキタジマさん、ありがとうございます。
今回、自分が実装したかったことが実現しました！いつもありがとうございます！
少し話がそれますが、https://snow-monkey.2inc.org/manual-advanced/template-hooks/#co-index-2 こちらの記事「Snow Monkey でテンプレートの内容を書き換える3種類のフック」に今回のように、フックを使っての解決方法が紹介されておりました。しかし、私の今のスキルでは自力での解決が困難で、こちらのサポートフォーラムに頼るしかありません。フックの使い方など、習得していくにはどういった勉強がお勧めでしょうか？書籍や参考サイト、何かあれば、お手隙の際に教えていただけると嬉しいです。
いいねをした人: 居ません今回、自分が実装したかったことが実現しました！いつもありがとうございます！
良かったです！
しかし、私の今のスキルでは自力での解決が困難で、こちらのサポートフォーラムに頼るしかありません。フックの使い方など、習得していくにはどういった勉強がお勧めでしょうか？書籍や参考サイト、何かあれば、お手隙の際に教えていただけると嬉しいです。
フィルターフック・アクションフックは WordPress カスタマイズの超基本事項なので、まずはオフィシャルのドキュメントやネットの記事などを読んで、どのようなものなのか、どのようなことができるものなのかを把握してみると良いかと思います。
あとはそれぞれのフックでできることが違うので、実際にコードを書いて試してみるのが良いと思います。僕も最初は公開されているプラグインのコードをわざと書き換えてみてどのような変化があるのかを試したりしていました。
このフォーラムにもたくさんフックを使ったサンプルコードがあるので、まずはコピペして、次にわざと書き換えてみてどうなるかを試しているうちにだんだん理解が深まっていくと思います。
Snow Monkey のオンラインコミュニティでも聞いてみるともっといろいろな方の意見が聞けるかもしれませんね。
いいねをした人: 居ません
- トピック「ヘッダーメニューについて」には新しい返信をつけることはできません。