사이트에서 바로 레스토랑의 애피타이저, 앙트레, 디저트를 메뉴로 구성하세요.

메뉴 블록을 사용해 사이트에 레스토랑의 메뉴를 표시하세요. 메뉴 블록은 .pdf 파일 삽입을 대체하는 좋은 방법입니다. 삽입된 .pdf 파일은 페이지에 직접 게시하는 텍스트만큼 SEO 친화적이지 않은 경우도 있기 때문입니다. 특수 서식을 사용해 단일 메뉴 블록에 다양한 메뉴를 생성할 수 있습니다.

이 가이드에서는 레스토랑 사이트에 메뉴 블록을 추가하는 방법을 살펴보겠습니다. 사이트 탐색 메뉴에 드롭다운 메뉴를 만드는 방법은 탐색 메뉴에 드롭다운 메뉴 추가하기를 참고하세요. 

메뉴 블록은 베이직, 코어, 플러스, 어드밴스드, 비즈니스, 커머스, 커머스 어드밴스드 요금제에서 지원됩니다. 더 자세한 내용은 적절한 Squarespace 요금제 선택하기를 참고하세요.

비디오 시청하기

메뉴 블록 추가

메뉴 블록을 추가하는 방법:

1. 페이지나 게시물을 편집하고 블록 추가 또는 삽입 지점을 클릭한 후 메뉴에서 메뉴를 클릭합니다. 도움이 필요하다면 블록으로 콘텐츠 추가하기 페이지를 참고하세요.
2. 블록의 연필 아이콘을 클릭하여 블록 편집기를 엽니다.
3. 콘텐츠 탭에서 텍스트를 편집해 메뉴와 메뉴 섹션, 메뉴 아이템을 생성합니다.
4. 디자인 탭을 사용해 메뉴 디자인을 맞춤 설정합니다.
5. 서식 지정 도움말 탭을 사용해 서식 지정 팁을 확인합니다.

메뉴 추가

시작하는 데 도움이 되도록 메뉴 블록에는 샘플 콘텐츠가 포함되어 있습니다. 서식을 유지하고 싶다면 샘플 아이템을 하나하나씩 메뉴 아이템으로 교체하는 것이 좋습니다. 또는, 콘텐츠를 삭제하고 이 섹션에 설명된 단계에 따라 백지상태에서 시작할 수도 있습니다.

메뉴 블록에는 여러 개의 메뉴를 포함할 수 있습니다. 예를 들어, 브런치, 점심, 저녁 메뉴를 하나의 메뉴 블록에 추가할 수 있습니다.

메뉴를 추가하는 방법:

1. 콘텐츠 탭에서 메뉴 이름을 입력합니다.
2. 그 아래에 최소 3개의 등호(=)를 추가합니다.

3. 등호 바로 아래에 메뉴에 관한 설명이나 메모를 추가합니다(선택 사항).

4. 동일한 서식을 사용해 아래에 메뉴를 추가합니다. 

이러한 메뉴는 페이지에서 카테고리 탐색으로 전환됩니다. 나머지 메뉴 콘텐츠를 추가하는 방법은 아래 섹션에서 살펴보겠습니다.

참고: 블록에 메뉴를 하나만 추가할 경우 카테고리 탐색 메뉴가 표시되지 않을 수 있습니다.

섹션 추가

각 메뉴는 섹션으로 구분할 수 있습니다. 예를 들어, 섹션을 사용해 애피타이저, 샐러드, 메인 요리, 사이드, 디저트로 메뉴를 구성할 수 있습니다.

섹션을 생성하는 방법은 다음과 같습니다.

1. 메뉴 아래에 섹션 이름을 입력합니다.
2. 그 아래에 최소 3개의 하이픈(-)을 추가합니다.
3. 하이픈 바로 아래 줄에 섹션에 관한 설명을 입력합니다(선택 사항).

섹션은 페이지에서 표제로 표시됩니다.

메뉴 항목 추가

메뉴 항목을 추가하는 방법:

1. 섹션 아래에 아이템 이름을 입력합니다.
2. 아이템 이름 아래에 설명을 추가합니다.
3. 가격을 표시하려면 설명 아래에 가격을 추가합니다.
4. 슬래시(/)를 사용해 가격 옵션을 추가합니다. 슬래시는 잔/병 또는 전체/절반 분량의 가격을 설정할 때 유용합니다.
5. 가격으로 $MKT 또는 $Market Price를 입력해 시장 가격을 추가합니다. 통화 기호를 먼저 입력하기만 하면 메뉴 아이템이나 설명 바로 뒤에 가격이 표시됩니다.
6. 가격 아래 새 줄에 +를 입력해 메뉴 아이템에 옵션이나 애드온을 추가합니다.
7. 아이템 수가 홀수인 경우, 섹션 하단에
   태그를 추가하면 메뉴 열을 균등하게 조정할 수 있습니다.
8. 일부 메뉴에 추가 여백이 표시될 경우 첫 번째 메뉴에서 최소 높이를 설정하는 방법을 참고합니다.

디자인 맞춤 설정

메뉴 블록의 스타일과 통화 기호를 맞춤 설정할 수 있습니다.

메뉴 스타일

블록 편집기에서 디자인 탭을 클릭한 후 스타일을 선택하세요.

• 가운데 정렬은 텍스트가 가운데로 정렬된 한 줄로 된 열을 생성합니다. 이 디자인은 짧은 메뉴에 적합합니다.
• 다중 열은 텍스트가 왼쪽으로 정렬된 여러 열을 생성합니다. 열의 수는 사이트와 브라우저의 너비에 따라 달라집니다.

통화 기호

디자인 탭을 클릭한 후 통화 기호 드롭다운 메뉴에서 메뉴 가격에 사용할 통화를 선택합니다. $Dollar, €Euro, £Pound, ￥Yen 중에서 하나를 선택할 수 있습니다.

참고: 콘텐츠 탭에서 메뉴를 구성할 때 다른 통화 기호를 사용하거나 기호를 전혀 사용하지 않았더라도 여기에서 선택한 통화 기호가 메뉴 블록 항목의 세 번째 줄에 있는 숫자 앞에 표시됩니다. 다른 통화 기호를 사용하는 방법은 아래 단계를 참고하세요.

글꼴과 색상

사이트 스타일을 사용해 메뉴의 글꼴과 색상을 변경하세요. 스타일을 지정하는 방법은 사이트가 사용 중인 Squarespace 버전에 따라 다릅니다.

서식 지정 도움말(컴퓨터 전용)

서식 지정 도움말 탭에는 서식이 지정된 메뉴, 섹션, 메뉴 아이템의 예시가 포함되어 있습니다.

팁: 메뉴 탐색과 섹션의 서식이 마음에 들지 않는다면 메뉴 블록을 사용해 메뉴 아이템만 추가하고 텍스트 블록으로 머리말을 추가할 수 있습니다. 예시는 Hunter 템플릿의 데모 콘텐츠에서 참고하세요.

문제 해결

메뉴 아이템이 정렬되지 않는 경우

메뉴 블록 정렬은 설명의 유무, 제목, 설명 텍스트의 길이, 아이템의 수 등 여러 요인에 따라 달라집니다.

브라우저가 콘텐츠를 동일한 열로 생성하려고 시도하기 때문에 텍스트는 위에서 아래로, 왼쪽에서 오른쪽으로 표시됩니다. 이로 인해 아이템 제목이 항상 완벽하게 정렬되지 않을 수 있습니다.

아이템의 수가 홀수인 경우, 섹션 하단에 다음과 같은 HTML 태그를 추가하는 것이 좋습니다.

이렇게 하면 서식의 균형이 잡혀 메뉴 항목이 균등한 행으로 표시됩니다.

메뉴에 추가 여백이 표시되는 경우

일부 메뉴 카테고리 아래에 추가 여백이나 빈 공간이 표시되는 경우, 첫 번째 메뉴 카테고리의 콘텐츠가 너무 길기 때문일 수 있습니다. 첫 번째 메뉴 카테고리의 콘텐츠는 메뉴 블록의 최소 높이를 설정하며, 이로 인해 다른 카테고리에 추가 여백이 나타날 수 있습니다.

예를 들어, 아침 메뉴의 길이는 길지만 점심 메뉴의 길이는 짧다면, 아침 메뉴의 높이에 맞추기 위해 점심 메뉴 아이템 아래에 공백이 생깁니다. 이를 방지하려면 각 메뉴에 비슷한 양의 콘텐츠를 추가하거나 콘텐츠가 가장 적은 메뉴를 첫 번째 카테고리로 추가하세요.

입력한 텍스트가 표시되지 않는 경우

입력 중인 텍스트가 표시되지 않을 경우 콘텐츠 입력을 완료한 후 블록을 저장하세요. 블록을 다시 열면 콘텐츠가 입력한 대로 표시됩니다.

사용하는 통화 기호가 지원되지 않는 경우

지원되지 않는 통화를 사용할 경우, 아이템의 세 번째 줄에 원하는 통화 기호를 입력하고 공백을 추가하세요. 그다음, 통화 기호와 가격을 입력합니다. 이렇게 하면 내장된 통화 기호가 덮어써지고 원하는 통화 기호가 표시됩니다.

메뉴 블록에 텍스트를 붙여 넣을 수 없는 경우

컴퓨터에서 편집하는 중에는 메뉴 블록에서 마우스 오른쪽 버튼을 클릭할 수 없습니다. 콘텐츠를 복사해 붙여 넣으려면 키보드 단축키를 사용하세요. 서식 문제를 방지하기 위해 다음과 같은 단축키를 사용하는 것을 권장합니다.

Mac

• 복사 - ⌘ + C
• 붙여넣기 - ⌘+Shift+V

Windows

• 복사 - Ctrl + C
• 붙여넣기 - Ctrl+Shift+V

텍스트 서식이 올바르게 표시되지 않는 경우

메뉴 블록의 오류는 텍스트 서식에도 영향을 미칩니다. 문제를 방지하려면 다음 팁에 따라 텍스트 문제를 해결하세요.

• 메뉴와 메뉴 사이에 최소 3개의 등호(=)가 있고, 섹션과 섹션 사이에 최소 3개의 하이픈(-)이 있는지 확인하세요.
• 모든 텍스트를 입력한 후 Return 또는 Enter 키를 눌러 각 줄이 올바르게 배치되었는지 확인하세요.
• 스페이스 바를 사용해 콘텐츠를 분리하지 마세요. 메뉴 블록은 이와 같은 방식으로 공백을 사용하지 않으며, 스페이스 바를 사용할 경우 텍스트의 서식이 올바르게 표시되지 않습니다.