お店の上や下に並ぶメニューに、作ったページをどう載せればよいのか、分からないまま後回しにしている方もいらっしゃると思います。
Shopify の公式ヘルプは、メニューを追加するとお客様がオンラインストアを閲覧したり、重要なページを見つけたりしやすくなると書いています。
この記事では、最初からあるメニューの中身と、メニュー項目（メニューに並ぶ1つ1つのリンク）を足す・直す・並べ替える・消す手順を、公式ヘルプの記載に沿って並べていきます。
手順と仕様は、Shopify ヘルプセンターの3ページの記載に沿っています。
メニューを画面のどこに出すかは、テーマ側の [ヘッダー] セクションや [フッター] セクションの設定とつながっていて、セクションそのものの足し方・並べ方はテーマエディタで「セクション」と「ブロック」を足すにまとめています。
テーマに手を入れる前の準備はテーマを直す前に複製しておくで扱っているので、ここではメニューそのものの操作に絞ります。
メニューを触る場所
メニューの画面がどこにあるのか、テーマの画面の中を探してしまうこともあるかもしれません。
公式ヘルプの「メニューとリンク」のページには、置き場所について次のように書かれています。
Shopify 管理画面の [コンテンツ] > [メニュー] で、リンクとメニューを追加、削除、変更、表示できます。ストアのテーマのどこにメニューを表示するかは、[テーマ設定] で選択します。
メニューの中身は管理画面（お店の裏側の操作画面）の [コンテンツ] > [メニュー] で、出す場所はテーマの側で決める、という2か所に分かれた形です。
この2か所を分けて覚えておくと、あとで画面に出ないときにどちらを見ればよいか迷いにくくなります。
最初からある2つのメニュー
新しくメニューを作らないといけないのでは、と身構えている方もいらっしゃると思います。
「メニューの概要」のページには、オンラインストアには、すべてのページに表示されるメインメニューとフッターメニューという2つのデフォルトメニュー（最初から用意されているメニュー）があると書かれています。
- メインメニュー：通常はヘッダー（画面の上の帯）の幅全体に項目として表示されるか、サイドバー（画面の横の欄）に項目リストとして表示されます。
- メインメニューには、ホーム（オンラインストアのメインページ）とカタログ（すべての商品を表示するページ）の2つのデフォルトメニュー項目があります。
- フッターメニュー：通常はフッター（画面の下の帯）の幅全体に項目として表示され、お客様はストアのポリシーや連絡先情報を見つけるのに使います。
- お客様アカウントを使用している場合は、お客様アカウントのメインメニューもデフォルトで表示されます。
ヘルプは、メインメニューで「会社概要」ページなどの商品やビジネスに関する情報を見つけられる、とも書いています。
作ったページを上と下のどちらに置くかは、この使われ方の違いに合わせて考えていくと決めやすくなります。
メニューに並べられるリンクの種類
作ったページ以外に、どんなものをメニューに載せられるのかも気になるところだと思います。
「オンラインストアのメニュー項目を追加、削除、または編集する」のページでは、次のリンクタイプ（リンク先の種類）のメニュー項目を追加できると書かれています。
- ホームページ：オンラインストアのホームページ
- 検索：オンラインストアの検索ページ
- コレクション（商品のまとまり）：特定のコレクションまたはすべてのコレクション
- 商品：特定の商品またはすべての商品
- ページ：オンラインストアのウェブページ
- ブログ／ブログ記事：オンラインストアのブログと、特定のブログ記事
- ポリシー：ストアポリシーのいずれか
- お客様アカウント：注文・プロフィール・設定・アプリのお客様アカウントページのいずれか
- 外部ページ：外部ウェブサイトのウェブサイトアドレス
- メールリンク：
mailto:[email protected]の形式
同じページには、ほとんどの場合、リンクを設定する前に項目を作成する必要があると書かれています。
例として、メニューにコレクションを追加するには、事前にコレクションを作成する必要があります、とあります。
メニューに載せたいページやコレクションが、すでにお店の中にあるかどうかを、並べ始める前に一度見てください。
メニュー項目を足す手順（パソコン）
ボタンの名前が多くて、どこから押せばよいのか分からなくなることがあると思います。
パソコンの管理画面での手順は、次のように書かれています。
- Shopify 管理画面で、[コンテンツ] > [メニュー] に移動します。
- [メニュー] ページで、編集するメニューのタイトルをクリックします。
- [メニュー項目を追加] をクリックします。
- メニュー項目の名前を入力します（この名前はメニューに表示され、特殊文字や絵文字を含めることができます）。
- [リンクを検索または貼り付け] フィールド（入力欄）をクリックし、外部ウェブサイトのアドレスを入力するか、リンクタイプを選択します。
- [商品] や [ページ] などのリンクタイプを選択した場合は、特定のリンク先を選択します。
- [追加] をクリックしてメニュー項目を追加します。
- [保存] または [メニューを保存] をクリックします。
リンクタイプと特定のリンク先を選ぶと、商品名やページタイトルなどのリンク先の名前が [名前] フィールドに自動的に入力される、と書かれています。
ただし、すでに名前を入力している場合は除く、とあります。
[ホームページ] を選んだ場合は、リンク先が自動的にオンラインストアのホームページに設定されます。
特定のコレクションを選んだ場合は、タグでコレクションを絞り込み、入力したすべてのタグに一致する商品だけを表示できるとも書かれています。
最後の [保存] まで押して1件のまとまりになる、と考えておくと、押し忘れを防ぎやすくなります。
メニュー項目を足す手順（スマートフォンのアプリ）
外出先から、スマートフォンでメニューを直しておきたい場面もあるかもしれません。
Shopify アプリでは、メニューのアイコン（ヘルプの画像の説明では「Menu」）をタップするところから始まります。
続けて [コンテンツ] メニューで下向きの矢印のアイコン（画像の説明では「arrow down」）をタップし、[メニュー] をタップします。
そのあとは、編集するメニューのタイトルをタップし、[メニュー項目を追加] から名前とリンク先を入れる流れで、パソコンと同じです。
最後は [追加] をタップしてから、[保存] または [✓] をタップします。
パソコンとアプリで、[メニュー] にたどり着くまでの道筋と、最後の保存のボタンの形が違う、と覚えておくと整理しやすくなります。
URL を貼るときの注意
お店の外のページや、お店の中のページを URL（ページの住所）で載せたいこともあると思います。
外部ページについて、ヘルプには次のように書かれています。
URL を追加する際は、ドロップダウンにリンク先が表示されるのを待ってから選択してください。ドロップダウンから選択せずに URL を貼り付けて Enter キーを押したり保存したりすると、リンクが追加されず、無効な URL エラーが発生する可能性があります。
同じページの注意書きには、ページを直接選択せずにメニュー項目の URL を変更したり URL にリンクしたりする場合のことが書かれています。
その場合、メニュー項目への連携（つながり）が中断され、404 エラー（ページが見つからない表示）につながる可能性がある、とあります。
問題を避けるには、ストアにページが存在する場合は、URL を貼り付けるのではなくリストから直接ページを選択するように、とあります。
また、Shopify が詐欺的であると特定した外部ウェブサイトへのリンクは、リンク保護によってブロックされると書かれています。
お店の中のページを載せるときは、URL を貼るより先に、リストの中にそのページが出てこないかを見ておくと安心できます。
名前とリンク先の直し方
一度並べたメニューの名前を、あとから変えたくなることもあると思います。
パソコンでは、[コンテンツ] > [メニュー] で項目が含まれているメニューの名前をクリックし、[メニュー項目] セクション（項目の一覧）で項目の名前の横にある [編集] をクリックします。
名前は [名前] フィールドで変え、リンク先はリンクフィールドの横にある x をクリックしてから、新しいリンク先を入力または選択します。
終わったら [変更を適用] をクリックし、[保存] または [メニューを保存] をクリックします。
このページには、編集中の変更の数についての記載もあります。
メニューの編集中は、追加、編集、削除、移動などの各アクションが、1 件の変更としてカウントされます。変更が 200 件に達すると、メニューの変更を保存するまで、それ以上のアクションが制限されます。
[保存] ボタンをクリックまたはタップすると、カウンターがリセットされると書かれています。
そのうえで、変更の上限に達しないように、メニューの変更は頻繁に保存するように、とあります。
大きく並べ直すときは、区切りのよいところで [保存] を挟んでいくと、途中で止まらずに進めやすくなります。
並び順の変え方
お店の上に出るメニューの順番が、思っていた並びと違うと感じることもあるかもしれません。
ヘルプには、管理画面の [コンテンツ] > [メニュー] で表示順を確認でき、オンラインストアではメニュー項目がこの一覧の順序で表示されると書かれています。
パソコンでは、並べ替えたいメニューのタイトルをクリックし、項目の横のハンドルアイコン (⠿) をクリックしたまま別の位置にドラッグします。
アプリでは、同じハンドルアイコン (⠿) を長押しして、別の位置までドラッグ（押したまま動かすこと）します。
どちらも最後に、[保存]（パソコンでは [メニューを保存]、アプリでは [✓] の場合もあります）を押します。
管理画面の一覧の上から順に、お店の画面にも並ぶ、という書き方です。
ご自身のお店で、お客様に先に見てほしいページが一覧の上のほうにあるかを、一度見てください。
メニュー項目を消すときの扱い
いらなくなった項目を消したら、その下の項目まで消えてしまうのでは、と心配になる方もいらっしゃると思います。
「メニュー項目を削除する」の節には、次のように書かれています。
削除するメニュー項目の下にドロップダウンメニューで項目がネストされている場合、それらのネストされた項目とドロップダウンメニューも一緒に削除されます。
パソコンでは、削除したいメニュー項目の行にマウスの矢印を合わせ、ゴミ箱アイコンをクリックします。
「削除」をクリックして確定し、[保存] または [メニューを保存] をクリックする、という手順です。
もう1つ、メニューの外の操作でも項目が消えることがあり、ページの冒頭には次のように書かれています。
ストアのメニューで使用しているリソースを削除すると、関連するメニュー項目もすべて削除されます。たとえば、[セール中] というメニュー項目で使用しているコレクションを削除すると、そのコレクションとメニュー項目の両方が削除されます。
ページやコレクションを片づけるときは、それがメニューに載っていないかを先に見ておくと、知らないうちに項目が減ることを防ぎやすくなります。
メニューを直してもお店の画面に出ないとき
管理画面では直したのに、お店の画面が変わらないと、どこが悪いのか分からず困ってしまうと思います。
「メニューの概要」のページは、管理画面でのメニューの変更がストアフロント（お客様が見るお店の画面）に表示されない場合に、次の項目を確認するよう書いています。
- テーマのメニュー設定：[ヘッダー] セクションと [フッター] セクションでテーマ設定を確認し、選択したメニューが編集中のメニューと一致することを確認します。
- メニューアプリ：メニューアプリ（「メガメニュー」アプリなど、メニューを作るためのアプリ）は、管理画面のメニュー設定を使用する代わりに、アプリ内でメニューを作成します。
- 古いメニュー構造：ネストされたメニュー（項目の下に項目を入れ子にしたメニュー）が利用可能になる前に作成されたストアでは、メニューの再構築が必要になる場合があります。
メニューアプリをインストールしている場合は、アプリの設定を更新するか、アプリをアンインストール（アプリを外すこと）してデフォルトのメニューを使用する、と書かれています。
直したメニューと、テーマの [ヘッダー] セクションや [フッター] セクションで選ばれているメニューが同じものかを、最初に見てください。
テーマによって変わるところ
使っているテーマで、メニューの見え方が説明と違うと感じることもあるかもしれません。
「メニューの概要」のページには、テーマごとにデザインが異なるため、メニューの表示はテーマによって異なる場合があると書かれています。
- デモを見るには、Shopify テーマストアでいずれかのテーマに移動して、[デモを見る] をクリックします。
- テーマによっては、テーマの [ヘッダー] セクションで設定を編集して、新しいメニューを追加できる場合があります。
- 一部の古いバージョンのテーマは、複数階層（3 階層以上）のドロップダウンメニューに対応していません。
- すべての Online Store 2.0 テーマは複数階層のメニューに対応していますが、古いセクション対応のテーマでは更新が必要になる場合があります。
メニューを深く重ねる前に、ご自身のテーマが複数階層のメニューに対応しているかを、一度見ておくと迷いにくくなります。
並べ始める前に見ておくこと
ここまでの記載を、メニューにページを並べるときの順番に並べ直すと、次のようになります。
- 載せたいページやコレクションが、お店の中にもう作ってあるかを見る
- [コンテンツ] > [メニュー] で、メインメニューとフッターメニューのどちらに載せるかを決める
- [メニュー項目を追加] から名前とリンク先を選び、[追加] のあとに [保存] または [メニューを保存] を押す
- ハンドルアイコン (⠿) で並び順を整えて、もう一度保存する
- お店の画面に出ていなければ、テーマの [ヘッダー] セクションと [フッター] セクションで選ばれているメニューを見る
🔵 上の5つの並べ方はキクシル編集部の整理で、公式の記載ではありません。
🔴 公式に書かれていないこと
次のことは、出典にした Shopify ヘルプセンターの3ページには書かれていません。
- メニューに載せる前のページ（[ページ] のリンク先になるウェブページ）そのものを作る手順は、3ページには書かれていません。
- メインメニューやフッターメニューに、項目をいくつまで並べられるかの上限は書かれていません。書かれているのは、保存するまでの変更の数に上限がある、というところまでです。
- メインメニューに新しい項目を足したとき、ヘッダーとサイドバーのどちらに出るかは、テーマによって異なる場合がある、というところまでで、テーマごとの違いは書かれていません。
- メニュー項目の名前に使える文字数の上限は書かれていません。
- メニュー項目を削除したあとに、元に戻す手順は書かれていません。
- 新しいメニューそのものを [コンテンツ] > [メニュー] で作る手順は、3ページには載っていません（テーマの [ヘッダー] セクションで追加できる場合がある、という記載はあります）。
- ドロップダウンメニューの作り方は、別のページ（オンラインストアでドロップダウンメニューを設定する）にあり、この記事では出典にしていません。
出典
- Shopify ヘルプセンター「メニューとリンク」2026年11月2日時点
https://help.shopify.com/ja/manual/online-store/menus-and-links - Shopify ヘルプセンター「メニューの概要」2026年11月2日時点
https://help.shopify.com/ja/manual/online-store/menus-and-links/understanding-navigation - Shopify ヘルプセンター「オンラインストアのメニュー項目を追加、削除、または編集する」2026年11月2日時点
https://help.shopify.com/ja/manual/online-store/menus-and-links/editing-menus
上の公式ヘルプを一次情報にしています。
3ページとも、ページに掲載日の表示が無いため、取得した日を時点として書いています。
スマートフォンの手順のアイコンの名前は、ヘルプの画像に付いた説明（「Menu」「arrow down」）をそのまま書いています。
メニューを触る順に節を分けた並べ方と、節の終わりの書き添えは、キクシル編集部の整理であり、公式の記載ではありません。
