Shopifyのメニューを登録・編集する方法｜初心者でもわかる手順を解説
Published： Updated：
Shopifyでは、簡単にメニューを作成することができます。
複数メニューをさせておくことで期間限定でメニュー表示をしたり、ABテストを行ったりできます。
さあ、Shopifyのメニュー機能を活用しましょう！
Index
［ CloseOpen ］
メニューを作成・登録をする方法
メニューは管理画面から簡単に設定できます！
商品、商品コレクション、ブログ、ページ、法務関連が登録されていれば、選択肢を選択するだけです。
まずはメニュー登録画面を開きます
- オンラインストアをクリックするとメニューが表示されます。
- メニューを新規追加する場合
- メニューを編集する場合
メニューを登録していきます
- メニューのタイトルを登録。主に管理画面（カスタマイズ）で使用します。
- 作成するメニューのハンドルを登録。主にコード（Liquid）で使用します。
- メニューを登録
- 登録するメニューのタイトルを設定。任意の文字でOKです。
- リンク先の設定。商品、商品コレクション、ブログ、ページ、法務関連が登録されている場合、⑥が表示されます。
- リンク先を設定
- クリックすると、メニューの追加
- クリックすると、メニューの登録完了です。
リンク先は自由に設定可能！
リンク先は選択式だけでなく、直接URLを設定することが可能になります。
ただし、入力しただけでは設定ができず、入力後にでる選択肢①をクリックする必要があります。
注意！日本語のURLは設定することができない
日本語のURLを設定することはできません。
メニュータイトルとURLの設定はできますが、メニューを保存するタイミングでエラーがでます。
たくさんメニューを登録したのに。。。ってなります。
日本語URLの設定方法については、以下の記事で解説しています。
まとめ
いかがでしたでしょうか。今回はメニューの登録・編集方法についてご紹介しました。
Shopifyではメニューを簡単に作成できるため、この機能を活用してユーザーフレンドリーで回遊しやすいサイトを作りましょう。
関連記事 Related articles
Author of this article
Muhiro / Web Designer (Frontend)
Dropped out of university and worked in the food service industry. After experiencing the harsh aspects of the food industry, I quit and became unemployed. I joined my current design company after attending vocational training school and self-study. I mainly focus on design and development of websites with consideration for UI/UX and accessibility. I have extensive experience with scratch projects and have customized over 90 Shopify themes.
Disclaimer
- This blog provides technical information and knowledge based on the author’s experience, but does not guarantee their accuracy or universality. The information is current as of the time of writing and may become outdated due to technological advances. Please use this information at your own risk. We recommend seeking professional advice if necessary.
- The program code provided on this blog is based on the author’s best knowledge, but its accuracy and completeness are not guaranteed. We are not responsible for any damages or issues arising from the use or execution of the code. Please use the code at your own risk.
- Copyrights for any screenshot images used on this site belong to the respective rights holders. If there is any issue with the publication, please contact us via the contact form.
- If you move to another site via a link from this site, we are not responsible for the information, services, etc., provided at the destination site.
- We are not responsible for any damages resulting from the content published on this site.
