メニュー ブロック

サイト上で直接メニ⁠ュ⁠ーを使用して⁠、レストランの前菜⁠、メインデ⁠ィ⁠ッシ⁠ュ⁠、デザ⁠ートを整理します⁠。

最終更新日 2025年1月20日

メニ⁠ュ⁠ー ブロ⁠ックを使用して⁠、レストランのメニ⁠ュ⁠ーをサイトに表示します⁠。これは⁠、PDFのメニ⁠ュ⁠ーを埋め込むための優れた代替手段です⁠。PDFメニ⁠ュ⁠ーは⁠、ペ⁠ージ上に直接表示されるテキストと同様にSEOに適しているとは限りません⁠。特別なフ⁠ォ⁠ーマ⁠ットを使用すると⁠、単一のメニ⁠ュ⁠ー ブロ⁠ックに複数のメニ⁠ュ⁠ーを作成できます⁠。

このガイドでは⁠、レストラン サイトにメニ⁠ュ⁠ー ブロ⁠ックを追加する方法について説明します⁠。サイトのナビゲ⁠ーシ⁠ョンにドロ⁠ップダウン メニ⁠ュ⁠ーを作成するには⁠、「⁠ナビゲ⁠ーシ⁠ョンにドロ⁠ップダウンを追加する⁠」をご参照ください⁠。

この機能へのアクセス

メニ⁠ュ⁠ー ブロ⁠ックはベ⁠ーシ⁠ック⁠、コア⁠、プラス⁠、アドバンス⁠、ビジネス⁠、コマ⁠ース ベ⁠ーシ⁠ック⁠、コマ⁠ース アドバンスの各プランで利用できます⁠。詳細は「⁠適切なSquarespaceプランを選択する⁠」をご覧ください⁠。

メニ⁠ュ⁠ー ブロ⁠ックを追加する

メニ⁠ュ⁠ー ブロ⁠ックを追加するには⁠、次の手順に従います⁠。

  1. ペ⁠ージまたは投稿を編集し⁠、[⁠ブロ⁠ックを追加⁠] または挿入箇所をクリ⁠ックして⁠、メニ⁠ュ⁠ーから [⁠メニ⁠ュ⁠ー⁠] をクリ⁠ックします⁠。ヘルプについては⁠、「⁠ブロ⁠ックを使用してコンテンツを追加する⁠」をご覧ください⁠。
  2. ブロ⁠ックの鉛筆アイコンをクリ⁠ックして⁠、ブロ⁠ック エデ⁠ィタ⁠ーを開きます⁠。
  3. [⁠コンテンツ⁠] タブのテキストを編集して⁠、メニ⁠ュ⁠ー⁠、メニ⁠ュ⁠ー セクシ⁠ョン⁠、およびメニ⁠ュ⁠ー項目を作成します⁠。
  4. [⁠デザイン⁠] タブを使用して⁠、メニ⁠ュ⁠ーのデザインをカスタマイズします⁠。
  5. 書式設定のヒントについては⁠、[⁠書式設定に関するヘルプ⁠] タブを使用してください⁠。

メニ⁠ュ⁠ーを追加する

開始しやすいように⁠、メニ⁠ュ⁠ー ブロ⁠ックにはサンプル コンテンツが含まれています⁠。フ⁠ォ⁠ーマ⁠ットを維持するために⁠、サンプル項目を1つずつ独自のメニ⁠ュ⁠ー項目に置き換えることをおすすめします⁠。コンテンツを削除し⁠、このセクシ⁠ョンの手順に従⁠って最初から始めることもできます⁠。

メニ⁠ュ⁠ー ブロ⁠ックでは⁠、複数のメニ⁠ュ⁠ーを保持できます⁠。たとえば⁠、ブランチ⁠、ランチ⁠、デ⁠ィナ⁠ーのメニ⁠ュ⁠ーを同じブロ⁠ックに追加することができます⁠。

メニ⁠ュ⁠ーを追加するには⁠、次の手順に従います⁠。

  1. [⁠コンテンツ⁠] タブで⁠、メニ⁠ュ⁠ーの名前を入力します⁠。
  2. その下に少なくとも3つの等号 (⁠=⁠) を追加します⁠。
Add_the_name_of_a_menu__like_breakfast__then_add_at_least_three_equals_signs_below_it.png
  1. 等号の真下に⁠、メニ⁠ュ⁠ーに関する説明やメモを任意で追加します⁠。
Add_an_optional_description_or_note_about_the_menu_below_the_equals_signs.png
  1. 同じ形式を使用して⁠、下にメニ⁠ュ⁠ーを追加します⁠。
Add_more_menus_below__like_Lunch_and_Dinner__using_the_same_format.png

これらのメニ⁠ュ⁠ーは⁠、ペ⁠ージ上のカテゴリ⁠ー ナビゲ⁠ーシ⁠ョンに変わります⁠。以下のセクシ⁠ョンで⁠、残りのメニ⁠ュ⁠ー コンテンツを追加する方法を説明します⁠。

備考

ブロ⁠ックにメニ⁠ュ⁠ーを1つだけ追加した場合⁠、カテゴリ⁠ー ナビゲ⁠ーシ⁠ョンが表示されないことがあります⁠。

KB Guide Image

セクシ⁠ョンを追加する

各メニ⁠ュ⁠ーはセクシ⁠ョンに分割できます⁠。たとえば⁠、セクシ⁠ョンを使用すると⁠、前菜⁠、サラダ⁠、主菜⁠、サイド メニ⁠ュ⁠ー⁠、デザ⁠ートごとにメニ⁠ュ⁠ーを整理できます⁠。

セクシ⁠ョンを作成するには⁠、以下の手順に従います⁠。

  1. 目的のメニ⁠ュ⁠ーの下にセクシ⁠ョン名を入力します⁠。
  2. その下に少なくとも3つのハイフン (⁠-⁠) を追加します⁠。
  3. ハイフンのすぐ下の行に⁠、セクシ⁠ョンの説明をオプシ⁠ョンで入力します⁠。
Create_menu_sections_to_divide_between_different_types_of_food__like_Seafood_and_Pancakes.png

セクシ⁠ョンはペ⁠ージ上で見出しとして表示されます⁠。

KB Guide Image

メニ⁠ュ⁠ー項目を追加する

メニ⁠ュ⁠ー項目を追加するには⁠、次の手順に従います⁠。

  1. セクシ⁠ョンの下に項目の名前を入力します⁠。
  2. 名前の下に項目の説明を追加します⁠。
  3. 価格を表示する場合は⁠、説明の下に価格を追加します⁠。
  4. 価格バリエ⁠ーシ⁠ョンを追加する場合は⁠、価格の間にスラ⁠ッシ⁠ュ (⁠/⁠) を使用します⁠。これは⁠、グラス/ボトル⁠、または全部/半部の価格を設定するのに役立ちます⁠。
  5. 価格として$⁠MKTまたは$⁠Market Priceを追加して⁠、市場価格を追加します⁠。通貨記号が最初にあれば⁠、メニ⁠ュ⁠ー項目または説明の直後に価格を配置できます⁠。
  6. メニ⁠ュ⁠ーにオプシ⁠ョンやアドオンを追加するには⁠、価格の下の新しい行に「⁠+⁠」を入力します⁠。
  7. 項目の数が奇数の場合は⁠、セクシ⁠ョンの最後に
    タグを追加すると⁠、メニ⁠ュ⁠ー列を均等にすることができます⁠。
  8. 一部のメニ⁠ュ⁠ーに余分なパデ⁠ィングがある場合は⁠、最初のメニ⁠ュ⁠ーで最小の高さを設定する方法をご参照ください⁠。
Add_items_with_descriptions_and_prices_below_each_section.png

デザインをカスタマイズする

メニ⁠ュ⁠ー ブロ⁠ックのメニ⁠ュ⁠ー スタイルと通貨記号をカスタマイズできます⁠。

メニ⁠ュ⁠ー スタイル

ブロ⁠ック エデ⁠ィタ⁠ーの [⁠デザイン⁠] タブをクリ⁠ックし⁠、スタイルを選択します⁠。

  • 中央に配置⁠: テキストが中央に配置された⁠、1列のメニ⁠ュ⁠ーを作成します⁠。このデザインは⁠、短いメニ⁠ュ⁠ーに最適です⁠。
  • 複数列⁠: 複数の列に左揃えのテキストが表示されるメニ⁠ュ⁠ーが作成されます⁠。列数は⁠、サイトとブラウザ⁠ーの幅によ⁠って異なります⁠。

通貨記号

[⁠デザイン⁠] タブをクリ⁠ックし⁠、[⁠通貨記号⁠] ドロ⁠ップダウン メニ⁠ュ⁠ーからメニ⁠ュ⁠ー価格の通貨を選択します⁠。[⁠$⁠ドル⁠]⁠、[⁠ユ⁠ーロ⁠]⁠、[⁠£⁠ポンド⁠]⁠、[⁠¥⁠円⁠] から選択できます⁠。

備考

メニ⁠ュ⁠ー ブロ⁠ック項目の3行目で⁠、ここで選択した通貨記号が数字の前に表示されます⁠。これは⁠、[⁠コンテンツ⁠] タブでメニ⁠ュ⁠ーを作成する際に別の通貨記号を使用した場合⁠、あるいは記号をま⁠ったく使用しなか⁠った場合でもどうようです⁠。別の通貨記号を使用する場合は⁠、以下の手順をご確認ください⁠。

フ⁠ォントと色

サイト スタイルを使用して⁠、メニ⁠ュ⁠ーのフ⁠ォントと色を変更します⁠。これらのスタイルの設定方法は⁠、サイトが使用しているSquarespaceのバ⁠ージ⁠ョンによ⁠って異なります⁠。

メニ⁠⁠ュ⁠⁠ー ブロ⁠⁠ックの各テキスト エリアに特定のフ⁠⁠ォントと色を設定できます⁠⁠。

  • フ⁠⁠ォントを設定するには⁠⁠、[⁠⁠スタイルの割り当て⁠⁠] のメニ⁠⁠ュ⁠⁠ー ブロ⁠⁠ック用微調整オプシ⁠⁠ョンを使用します⁠⁠。
  • 色を設定するには⁠⁠、[⁠⁠⁠⁠] のメニ⁠⁠ュ⁠⁠ー ブロ⁠⁠ック用微調整オプシ⁠⁠ョンを使用します⁠⁠。

詳細については⁠⁠、「⁠⁠フ⁠⁠ォントを変更する⁠⁠」と「⁠⁠色を変更する⁠⁠」をご参照ください⁠⁠。

メニ⁠⁠ュ⁠⁠ー ブロ⁠⁠ック内のテキストは⁠⁠、サイトの本文テキストと同じスタイル微調整オプシ⁠⁠ョンに従います⁠⁠。詳細については⁠⁠、「⁠⁠フ⁠⁠ォントを変更する⁠⁠」と「⁠⁠色を変更する⁠⁠」をご参照ください⁠⁠。

書式設定のヘルプ (⁠コンピ⁠ュ⁠ータ⁠ーのみ⁠)

[⁠書式設定に関するヘルプ⁠] タブには⁠、フ⁠ォ⁠ーマ⁠ットされたメニ⁠ュ⁠ー⁠、セクシ⁠ョン⁠、およびメニ⁠ュ⁠ー項目の例があります⁠。

ヒント

メニ⁠ュ⁠ー ナビゲ⁠ーシ⁠ョンとセクシ⁠ョンのフ⁠ォ⁠ーマ⁠ットが意図したとおりにならない場合は⁠、メニ⁠ュ⁠ー ブロ⁠ックを使用してメニ⁠ュ⁠ー項目を追加し⁠、次にテキスト ブロ⁠ックを含むヘ⁠ッダ⁠ーを追加できます⁠。例については⁠、 Hunterテンプレ⁠ートのデモ コンテンツをご参照ください⁠。

トラブルシ⁠ュ⁠ーテ⁠ィング

メニ⁠ュ⁠ー項目の位置が揃⁠っていない

メニ⁠ュ⁠ー ブロ⁠ックの配置は⁠、説明の有無⁠、タイトルと説明のテキストの長さ⁠、項目の数など⁠、さまざまな要因によ⁠って異なります⁠。

ブラウザ⁠ーは⁠、作成する各列のコンテンツが等しくなるようにするため⁠、テキストは上から下⁠、左から右に流れます⁠。そのため⁠、アイテムのタイトルが常に完全に揃⁠って並ぶとは限りません⁠。

アイテムの数が奇数の場合は⁠、セクシ⁠ョンの最後に次のHTMLタグを追加すると便利です⁠。


これにより⁠、メニ⁠ュ⁠ー項目が表示される行数が均等になるように書式を整えることが可能になります⁠。

メニ⁠ュ⁠ーの余分なパデ⁠ィング

メニ⁠ュ⁠ー カテゴリ⁠ーの下に余分なパデ⁠ィングや空白スペ⁠ースが表示される場合は⁠、最初のメニ⁠ュ⁠ー カテゴリ⁠ーのコンテンツ量が原因である可能性があります⁠。メニ⁠ュ⁠ー ブロ⁠ックの最小の高さは⁠、最初のメニ⁠ュ⁠ー カテゴリ⁠ーのコンテンツに応じて設定されます⁠。これにより⁠、他のカテゴリ⁠ーに余分なパデ⁠ィングが表示される可能性があります⁠。

たとえば⁠、朝食メニ⁠ュ⁠ーが多く昼食メニ⁠ュ⁠ーが短い場合⁠、朝食メニ⁠ュ⁠ーの高さに合わせて昼食メニ⁠ュ⁠ーの項目の下に空白ができます⁠。これを防ぐには⁠、各メニ⁠ュ⁠ーに同量のコンテンツを追加するか⁠、コンテンツが最も少ないメニ⁠ュ⁠ーを最初のカテゴリ⁠ーとして追加します⁠。

入力中にテキストが表示されない

入力中にテキストが表示されない場合は⁠、コンテンツの入力を完了してからブロ⁠ックを保存します⁠。再度開くと⁠、入力したとおりにコンテンツが表示されます⁠。

通貨記号が利用できない

使用できない通貨を使用している場合は⁠、項目の3行目に通貨記号を入力し⁠、スペ⁠ースを追加してください⁠。次に⁠、通貨記号と価格を入力します⁠。これにより⁠、組み込みの通貨記号がオ⁠ーバ⁠ーライドされ⁠、入力した通貨記号が表示されます⁠。

メニ⁠ュ⁠ー ブロ⁠ックにテキストを貼り付けられない

コンピ⁠ュ⁠ータ⁠ーでは⁠、編集中にメニ⁠ュ⁠ー ブロ⁠ックを右クリ⁠ックすることはできません⁠。コンテンツをコピ⁠ー&ペ⁠ーストするには⁠、代わりにキ⁠ーボ⁠ード シ⁠ョ⁠ートカ⁠ットを使用します⁠。書式設定の問題を防ぐために⁠、次のシ⁠ョ⁠ートカ⁠ットをおすすめします⁠。

Mac

  • コピ⁠ー - + C
  • 貼り付け - + Shift + V

Windows

  • コピ⁠ー - Ctrl + C
  • 貼り付け - Ctrl + Shift + V

テキストの書式が正しく設定されない

メニ⁠ュ⁠ー ブロ⁠ック内のエラ⁠ーは⁠、テキストの書式設定に影響します⁠。問題を回避するには⁠、次のヒントを使用してテキストのトラブルシ⁠ュ⁠ーテ⁠ィングを行⁠ってください⁠。

  • メニ⁠ュ⁠ーを区切る等号 (⁠=⁠) が3個以上あり⁠、セクシ⁠ョンを区切るハイフン (⁠-⁠) が3個以上あることを確認します⁠。
  • テキストを入力するたびにReturnまたはEnterを押して⁠、各行が正しく配置されるようにしてください⁠。
  • コンテンツの区切りにスペ⁠ース バ⁠ーを使用しないでください⁠。メニ⁠ュ⁠ー ブロ⁠ックではこのようなスペ⁠ースの使い方はしないため⁠、テキストの書式が正しく設定されません⁠。
Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。