成功
メニュー
Shopifyメニューを作成して整理し、Alignストア内での表示場所を選択します。
- メニューとリンクに関するShopifyドキュメント
- メニューの理解に関するShopifyドキュメント
- オンラインストアのメニュー項目を追加、削除、編集する方法に関するShopifyドキュメント
- Shopify管理画面のNavigationページ
- テーマ設定に関するShopifyドキュメント
- オンラインストアにドロップダウンメニューを設定する方法に関するShopifyドキュメント
- ナビゲーションと検索に関するShopify開発者向けドキュメント
- Shopify Partnerへの依頼に関するShopifyドキュメント
- コレクションに関するShopifyドキュメント
- ストアポリシーに関するShopifyドキュメント
メニューを使用すると、お客様はストアを閲覧し、商品、重要なページ、ポリシー、連絡先情報を見つけられます。Company XYZ Alignテーマでは、お客様が最もよく利用する導線を中心にナビゲーションを計画し、Alignテーマの設定で各メニューの表示場所を選択します。
Shopify管理画面のNavigationページからリンクとメニューを管理します。メニューの配置と表示方法はテーマによって異なるため、Alignを設定する際はTheme settingsを確認してください。
デフォルトメニュー
Section titled “デフォルトメニュー”ストアには、サイト全体に表示できる2つのデフォルトメニュー（メインメニューとフッターメニュー）が含まれています。どちらのメニューでもメニュー項目を追加、削除、編集できます。
Main menu
Section titled “Main menu”メインメニューは通常、ページ上部に横並びで表示されるか、サイドバーに表示されます。「会社概要」ページなど、主要なショッピング先や重要なビジネス情報へのリンクに使用します。
デフォルトでは、次の項目が含まれています。
- Home — ストアのメインページ
- Catalog — すべての商品を表示するページ
メインメニュー項目の下にドロップダウンメニューを追加できます。ドロップダウンを使用すると、ヘッダーが煩雑にならないよう、関連するコレクション、商品、ページ、ブログ記事、ポリシーをまとめられます。
フッターメニュー
Section titled “フッターメニュー”フッターメニューは通常、各ページの下部に横並びで表示されます。ストアのポリシー、連絡先、その他の補足情報を配置するのに便利です。
その他のメニュー
Section titled “その他のメニュー”Alignテーマの設定によっては、Header設定から別のメニューを追加できる場合があります。テーマにこのオプションがない場合は、テーマコードをカスタマイズするか、Shopify Partnerに依頼してください。Shopify Partnerへの依頼について詳しく見る。
メニュー項目を追加する
Section titled “メニュー項目を追加する”メニュー項目には、ページ、コレクション、商品、ブログとブログ記事、ストアポリシー、外部ウェブサイト、メールアドレスへのリンクを設定できます。ほとんどの場合、まずリンク先を作成します。たとえば、メニューからリンクする前にコレクションを作成します。
-
Shopify管理画面から、Online Store > Navigationに移動します。
-
編集するメニューを選択します。
-
Add menu itemを選択します。
-
メニュー項目の名前を入力します。これはお客様に表示されるテキストで、特殊文字や絵文字も使用できます。
-
Linkフィールドを選択し、外部URLを入力するか、リンク先のタイプを選択します。
- Home
- Collections
- Products
- Pages
- Blogs
- Blog posts
- Policies — ストアポリシーから選択します。
-
必要に応じて具体的なリンク先を選択します。Homeはストアのホームページに自動的にリンクします。
-
コレクションまたはすべてのコレクションにリンクする場合は、タグで絞り込むことができます。入力したすべてのタグに一致する商品のみが表示されます。
-
Addを選択し、次にSave menuを選択します。
メールリンクを作成するには、mailto:youremail@example.comの形式で入力します。
ナビゲーションで使用しているリソースを削除すると、そのリソースにリンクしているメニュー項目も削除されます。たとえば、コレクションを削除すると、そのコレクションにリンクしているメニュー項目も削除されます。
メニュー項目を編集する
Section titled “メニュー項目を編集する”- Shopify管理画面から、Online Store > Navigationに移動します。
- 対象の項目を含むメニューを選択します。
- Menu itemsで、項目の横にあるEditを選択します。
- Nameを更新するか、Linkフィールドの
xを選択して新しいリンク先を選択します。 - Apply changesを選択し、次にSave menuを選択します。
メニュー項目の順序を変更する
Section titled “メニュー項目の順序を変更する”メニュー項目は、Navigationページに表示されている順序と同じ順序で表示されます。
- Shopify管理画面から、Online Store > Navigationに移動します。
- 順序を変更するメニューを選択します。
- メニュー項目の横にあるハンドルアイコン（⠿）を新しい位置までドラッグします。
- Save menuを選択します。
メニュー項目を削除する
Section titled “メニュー項目を削除する”- Shopify管理画面から、Online Store > Navigationに移動します。
- メニュー項目の横にあるDeleteを選択します。
- Removeを選択して確認し、次にSave menuを選択します。
使用上の注意
Section titled “使用上の注意”- 重要な導線を優先します。 メインメニューは、お客様が最も必要とするページや商品グループに絞ります。
- 関連するリンクをまとめます。 ドロップダウンメニューを使用して、大規模なコレクションやコンテンツのグループを整理します。
- サポート情報にはフッターを使用します。 ヘッダーを混雑させずにお客様が見つけられる場所に、ポリシーと連絡先情報を配置します。
- 定期的に保存します。 特に大規模なナビゲーション更新を行う際は、メニューの変更をこまめに保存してください。