[北山航]

【お使いの Snow Monkey のバージョン】
バージョン: 20.0.1

【お使いの Snow Monkey Blocks のバージョン】
バージョン 19.1.0

【お使いの Snow Monkey Editor のバージョン】
バージョン 9.2.1

【お使いのブラウザ】
Google Chrome

### 実現したいこと
グローバルナビゲーションのメニューを画像（.svg）で表示させたいです。

参考サイト：

えびす保育園

大阪市住之江区えびす保育園は0歳児から5歳児までの保育園です。

ebisuhoikuen.com

わたらいこども食堂「おおきんな」

三重県度会町で初のこども食堂がオープン！

watarai-ookinna.com

ヘッダーメニューの部分はカスタマイズで画像に差し替え可能でしょうか？
またはテーマファイルエディタ、もしくはMy Snow MonkeyでCSSを追加する必要があるでしょうか？

SnowMonkeyを触り始めたばかりで、カスタマイズで実装可能なのか、コーディングが必要なのか判断がつかないため、ご教授いただけますと幸いです。
よろしくお願いいたします。

♥ 0

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

[Olein_jp]

実際に試してはいませんが、カスタムメニューには CSS クラス内に一意のクラス名も含まれますし任意のクラス名を追加することも管理画面から可能です。

ですので、CSS から SVG 画像をパスで指定する形でカスタマイズをすることで、実現できそうな気がします。擬似要素など上手に使うと良いかと思います。（試してなくてすいません…

♥ 1

いいねをした人:

[北山航]

Olein_jp様

お世話になっております。
お早いご回答ありがとうございます！

なるほどです、
ではSnowMonkeyのデフォルト設定の変更のみでの実装は恐らく不可能で、
実装にはCSSを記述する必要があるということですね。

後ほど試してみます、ありがとうございました！

♥ 0

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

[GONSY]

カスタムメニューの「ナビゲーションラベル」に
<img src="SVGのURL" alt="メニュー名など" width="64" height="64" class="任意のクラス名">
と直接入れるとSVGの画像（アイコン）が表示されませんか？

SVGはプラグインを使用してメディアにアップするか、サーバーの任意の場所に置くなどしてください。

♥ 2

いいねをした人:

[北山航]

GONSY様

お世話になっております。
ご回答ありがとうございます！

無事、表示することができました！

ナビゲーションラベルについて理解しておらず調べたところ、
以前にも同じ質問にGONSY様がご回答されておりました💦
お手数おかけしました💦

今後はフォーラムを隈なく調べてからご質問いたします。

ありがとうございました！

♥ 2

いいねをした人:

[投稿者]

投稿