# ヘッダー部分のメニューカスタマイズ **URL:** \ **Category:** Shopify テーマ\ **Created:** [November 4, 2022, 12:10am UTC](https://community.shopify.com/t/topic/165062 "2022-11-04T00:10:04Z")\ **Posts on this page:** 4\ **Page:** 1 ## AI-generated summary Shopifyの「Debut」テーマにおいて、ヘッダーメニューのテキスト部分をSVG画像に置き換える方法についての質問と回答。 **提案された解決方法:** - スニペットフォルダに「icon-〇〇.liquid」というSVGファイルを作成 - header.liquidの該当箇所（109～112行目付近）に `{% include 'icon-〇〇' %}` を記述 **具体的な実装例:** - `icon-sample.liquid` をスニペットに作成しSVGコードを記述 - header.liquidの113行目付近に上記のinclude文を追加 質問者は具体的な変更例を求めており、回答者がコード例とスクリーンショットを提供。コード編集により実現可能との見解。実装テスト中の段階で、ディスカッションは継続中。
**Author:** ![huxley](https://avatars.discourse-cdn.com/v4/letter/h/ebca7d/32.png) [@huxley](https://community.shopify.com/u/huxley)\ **Post date:** [November 4, 2022, 12:10am UTC](https://community.shopify.com/t/topic/165062/1 "2022-11-04T00:10:04Z")
どなたかお力を貸してください。 メニューの文字部分（テキスト部分）をSVGなどの画像にしてメニューにすることは可能なのでしょうか？ よろしくお願いいたします。 ---
**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\ **Post date:** [November 4, 2022, 9:00am UTC](https://community.shopify.com/t/topic/165062/2 "2022-11-04T09:00:42Z")
Huxley 様 お世話になっております。 ご質問を確認いたしました。 コード編集すれば、実現されたい内容は可能かと思います。 方法は以下のとおりになるかと思います。 ・スニペットに「icon-〇〇.liquid」というsvgを記述したファイルを作成 ・表示したい箇所に{% include ‘icon-〇〇’ %}と記述 なにかヒントになれば幸いです。 私たちの励みにもなりますので、 お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。 分からない点があれば、またいつでもご連絡ください。 フルバランス 道家 ---
**Author:** ![huxley](https://avatars.discourse-cdn.com/v4/letter/h/ebca7d/32.png) [@huxley](https://community.shopify.com/u/huxley)\ **Post date:** [November 4, 2022, 9:57am UTC](https://community.shopify.com/t/topic/165062/3 "2022-11-04T09:57:50Z")
ありがとうございます。 変更したい箇所はDebutのテーマでheader.liquidの109～112あたりになると思うのですが、 どういう変更になるのでしょうか？例をいただけると幸いです。 よろしくお願いいたします。 ![スクリーンショット 2022-11-04 185236.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/2/9/298d2043edfdf121df54320d72fc82a4370a0b91.png) ---
**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\ **Post date:** [November 7, 2022, 9:02am UTC](https://community.shopify.com/t/topic/165062/4 "2022-11-07T09:02:38Z")
ご返信いただきありがとうございます。 ・スニペットにicon-sample.liquidを作成（内容は適当です） ```markup ``` ・次にheader.liquidの113行目当たりに以下を記述 ```markup ``` で試していただけますと幸いです。 ![スクリーンショット 2022-11-07 18.01.13.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/d/5/d590aa03e8abb1127433eb39f6927fd9f96a2251.png)