メニューエディター

リファレンス すべてのプラン 5 分で読めます

メニューマネージャーでメニューの カスタマイズ をクリックすると、エディターが開きます。エディターは全画面で表示されます。

(1) トップバー、(2) サイドバーのタブ、(3) ライブプレビューの項目ツールバー、(4) 下部ツールバー

エディターの各エリア

(1) トップバー

メニュー名とステータス（下書き または アクティブ）が表示されます。公開 で公開ダイアログが開き、無効にする でアクティブなメニューの公開を取り消します（下書きではグレーアウト）。X でエディターを閉じます。未保存の変更がある場合は、保存 と 破棄 が表示されます。

(2) サイドバーのタブ

左側のバーにあるアイコンで、隣のパネルを切り替えます。サイドバーのタブをご覧ください。

(3) ライブプレビュー

お客様に表示されるとおりのメニューです。項目にカーソルを合わせると、項目を複製、項目を編集、項目を削除 が表示されます。メニューバー末尾の + をクリックすると、トップレベルの項目を追加できます。

(4) 下部ツールバー

画面アイコンで、プレビューをデスクトップとモバイルに切り替えます。編集 は通常のモードで、翻訳 ではプレビュー上で項目を翻訳できます。

サイドバーのタブ

上から順に紹介します。

要素

メニューの構造です。トップレベルの項目、サブメニュー、ブロックが表示されます。項目の下の サブメニューを追加、またはブロック内の 項目を追加 をクリックします。項目をクリックすると編集できます。メニュー項目を追加するをご覧ください。

設定

テーマ上の位置、レイアウト、サブメニューのアニメーション、アカウントリンク、余白、モバイルでの動作です。メニュー設定をご覧ください。

フォント

メニューの各部分のタイポグラフィです。フォントをご覧ください。

カラー

メインメニュー、サブメニュー、タブ、ラベル、ボタンの色です。カラーをご覧ください。

詳細設定 (</>)

マーケット別の提供状況 と スタイルシート / CSS です。マーケット別にメニューを表示するとカスタムCSSをご覧ください。

バージョン履歴Pro

以前に保存したバージョンに戻します。バージョン履歴をご覧ください。

メニューを編集する

1. 構造を作る

   要素 で、項目とそのサブメニューを追加します。プレビューは操作に合わせて更新されます。

   

   Elements ツリーの一番下にある Add items。

2. スタイルを設定する

   設定、フォント、カラー を調整します。プレビューをモバイルに切り替えて、モバイルメニューを確認します。

   

   歯車アイコンでメニューの設定を開きます。

3. 保存する

   トップバーの 保存 をクリックして、変更をアプリに保存します。

4. 公開する

   公開 をクリックし、テーマを選択して、もう一度 公開 をクリックします。メニューを公開するをご覧ください。

保存と公開は別の操作です

ストアフロントに変更が反映されるのは、公開 した後のみです。アクティブ なメニューを編集したときは、保存 をクリックしてから、もう一度 公開 をクリックしてください。

ヒント

大きな変更の前に、メニューマネージャーでメニューを 複製 しておきましょう。Pro Navigation では、バージョン履歴で以前の保存状態に戻すこともできます。

関連ページ

• メニュー項目を追加するメニューバーにトップレベルの項目を追加し、ページ、コレクション、商品、URLにリンクします。
• サブメニュードロップダウン、メガメニュー、タブメニュー、Masonryレイアウトを比較し、各項目に適したサブメニューを選びます。
• メニュー設定メニュー全体に適用されるレイアウト、要素、アニメーション、余白などの設定を変更します。
• メニューを公開するメニューをテーマに公開し、ストアフロントのどこに表示するかを選びます。

このページは役に立ちましたか？

問題を報告