Wix レストラン:メニューをカスタマイズ・デザインする
読了時間:3分
重要:
この記事では、オリジナルの Wix レストランメニューアプリについて説明します。新たに改良されたメニューアプリをお試しください。新 Wix レストランメニューアプリを追加・設定する方法はこちら
メニューも料理と同じように魅力的なものにしましょう。メニューは、レストランの味と雰囲気を表現するショーケースです。メニュー設定パネルを使用して、レストランメニューのデザイン、レイアウト、情報設定をカスタマイズしましょう。
この記事では、下記について説明します:
表示する情報を選択する
メニューに表示する情報を決定します。料理の価格を表示したくない場合は価格を非表示にすることができます。また、特定のメニューだけを表示することもできます。たとえば、朝食と夕食のみを表示し、昼食は表示しないように選択する、など。
表示する情報を選択する方法:
- エディタでレストランメニューを選択し、「設定」をクリックします。
- 「設定」タブをクリックします。
- メニューパーツの横にあるチェックボックスを選択または選択解除して、表示または非表示にします:
- 表示するメニューを選択します:
- すべて表示する:作成したすべてのメニューを表示します。
- 選択した料理のみ:表示したいメニューを選択します。
- メニューを非表示にする:メニューを非表示にするには、メニューにマウスオーバーして「非表示」アイコン をクリックします。
- メニューを表示する:メニューを表示するには、メニューにマウスオーバーして「表示」アイコン をクリックします。
![サイトエディタのメニューに表示する内容を選択しています](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2022/09/23/82406daa-7aec-4c0e-8dc5-790e1204b9ab/f32e7542-4824-44af-9130-e426f46d4700.jpg)
メニューのレイアウトを変更する
メニューのレイアウトは、それだけで味わい深いものになります。レストランのスタイルに合わせてメニューのレイアウトを計画しましょう。
メニューのレイアウトを変更する方法:
- エディタでレストランメニューを選択し、「設定」をクリックします。
- 「レイアウト」タブをクリックします。
- メニューレイアウトを選択します。
![サイトエディタでメニューレイアウトを選択しています](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2022/09/23/4825ef47-c29b-4967-8001-dfb5ca6f0365/a5b79a2a-161c-4c1b-8fdb-768af0682caa.jpg)
注意:
サイトに料理の画像を表示したい場合は、「フォト」や「カタログ」などの画像を含むレイアウトを選択してください。
メニューのデザインをカスタマイズする
人は「目で食べる」と言われています。あなたのメニューデザインが最初の一口です。色、フォントなどを変更して、メニューの見た目を思い通りにすることができます。
レストランメニューをデザインする方法:
- エディタでレストランメニューを選択し、「設定」をクリックします。
- 「デザイン」タブをクリックします。
- メニューのデザインをカスタマイズします:
- メニュータイトル:メニュー名のフォントと色を編集します。
- 詳細:メニューの詳細のフォントと色を編集します。
- メニュー区切り線:メニュー線区切り線の色を編集します。
- メニュー背景:メニューの背景色を編集します。
- メニューカテゴリーのデザインをカスタマイズします:
- カテゴリータイトル:メニューカテゴリーの名前のフォントと色を編集します。(例:前菜)
- カテゴリーの詳細:メニュー詳細名のフォントと色を編集します。
- 料理のデザインをカスタマイズします:
- 料理タイトル:料理名のフォントと色を編集します。
- 詳細:料理の詳細のフォントと色を編集します。
- 価格:料理の価格のフォントと色を編集します。
- スペシャル:スペシャルと定義されている料理の色を編集します。
- ラベルのデザインを選択します:
- プリセットのラベルデザインから選択する。
- ラベルアイコンのスタイルと色を使用して、独自のラベルデザインをカスタマイズする。
![サイトのエディタでメニューのデザインオプションを選択しています](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2022/09/23/3785e39a-bb57-4cb7-bbf1-bf942a922555/8688a9d1-0878-4ab5-a92d-244cf029703e.jpg)
注意:
メニュータイトルは、複数のメニューを表示する場合にのみ表示されます。
もっと詳しく知りたい場合:
Wix Learn でオンラインメニューを作成する方法をご覧ください