주요 시사점
- Elementor 가격표는 메뉴, 서비스 요금 및 부품 목록에 대해 행당 하나의 가격이 포함된 목록입니다; 카드당 가격이 하나인 가격표와는 다른 위젯입니다.
- Elementor 자체 가격 목록 위젯은 Elementor Pro의 일부이며 항목당 제목, 설명, 가격 및 선택적 이미지가 있습니다.
- 마스터 애드온 동적 테이블 위젯은 실제 HTML 테이블로 가격 목록을 구축: 열 너비와 헤더 행, 각 항목이 새로운 행을 시작하는 본문 중계기, 줄무늬 행 및 전화에 대한 응답 모드.
- 가격표 위젯은 메뉴에 잘못된 도구입니다. 왜냐하면 10가지 요리는 10장의 카드를 의미하지만 각각 기능 목록이 있는 2~3개의 서비스 패키지에는 적합한 도구이기 때문입니다.
- 목록의 가격은 눈이 아래로 내려갈 수 있도록 자체 열에 올바르게 정렬되어야 하며 설명은 항목당 한 줄로 유지되어야 합니다.
- 테이블 기반 가격표는 페이지의 일반 텍스트이므로 검색 엔진과 화면 판독기가 모든 요리 이름과 가격을 읽을 수 있습니다.
Elementor 가격표는 각 라인에 가격이 있는 항목 목록입니다: 레스토랑 메뉴,살롱의 서비스 요금,작업장의 부품 목록. 가격표가 아닙니다. 가격표는 카드당 하나의 가격을 가지며 플랜을 판매합니다; 가격표는 행당 하나의 가격을 가지며 알려줍니다. Elementor 는 Elementor Pro 에 가격표 위젯을 넣으므로 무료 플러그인에서는 다른 경로가 필요합니다.
이 가이드는 하나를 빌드하는 세 가지 방법과 각각이 적합할 때를 보여줍니다. Route 1 은 Elementor Pro 의 Price List 위젯입니다. Route 2 는 Dynamic Table 위젯입니다 마스터 애드온는, 가격 열을 가진 청결한 테이블로 메뉴를 도는. 경로 3 는 “목록” 가 특징을 가진 2 개 3 개의 포장인 경우를 위한 가격 카드, 결국 가격 테이블 일입니다.
목차
가격표와 가격표
가격표에는 많은 품목과 각각 하나의 가격이 있습니다; 가격표에는 몇 가지 계획과 기능 목록이 있습니다. 레스토랑의 메뉴는 가격표입니다. SaaS 사이트의 세 가지 호스팅 계획은 가격표입니다. 그것들을 섞는 것이 Elementor 에 내장 된 메뉴가 잘못 보이는 일반적인 이유입니다: 열 개의 가격 카드와 같은 열 개의 요리는 상자의 벽이며,목록으로 세 개의 계획은 그들을 판매하는 기능을 숨 깁니다.
그래서 첫 번째 질문은 얼마나 많은 항목을 가지고 있는지 그리고 각각 기능 목록이 필요한지 여부입니다. 가격과 한 줄 설명으로 4 개 이상의 항목: 가격표. 각각 여러 기능이있는 2 ~ 4 개의 항목: 가격표.
Route 1: Elementor Pro 의 가격표 위젯
Elementor Pro 에는 메뉴용으로 만들어진 Price List 위젯이 있습니다. 리피터의 각 항목에는 제목,설명, 가격,선택적 이미지 및 링크가 있으며 위젯은 제목과 가격 사이에 점선 또는 솔리드 구분 기호를 그립니다. 스타일 탭은 목록 간격,분리기 스타일 및 이미지 크기를 제어합니다. Elementor Pro 가 필요하므로 무료 플러그인에서는 위젯이 패널에 표시되지 않습니다.
이미 Pro 에 대한 비용을 지불했다면 클래식 메뉴의 최단 경로입니다. 수행하지 않는 것은 열입니다: 모든 항목은 가격이 오른쪽으로 밀린 한 줄이므로 크기 또는 수량 열이 필요한 목록 또는 항목 당 3 개의 가격 (소형,중형, 대형) 이 맞지 않습니다. 출처: Elementor 의 가격 목록 위젯 도움말 페이지.
경로 2: 동적 테이블 위젯이 포함된 메뉴입니다
X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 동적 테이블 위젯 elementor 패널에서 실제 HTML 테이블을 빌드합니다: 열에 대한 헤더 리피터 및 셀에 대한 본문 리피터. 접시 열,설명 열 및 가격 열을 의미하는 가격표의 경우 각 메뉴 항목이 자체 행에 있습니다. 위젯은 Master Addons 플러그인에 있으며 Elementor Pro 가 필요하지 않습니다.
열 설정
- 드롭 더 동적 테이블 페이지에 위젯을 놓고 엽니다 헤더 리피터.
- 세 개의 헤더 셀 추가: 접시, 설명, 가격. 각 하나에, 켜십시오 사용자 정의 폭 그리고 28, 56 및 16 퍼센트를 설정하여 설명이 방을 얻고 가격 열이 좁게 유지됩니다.
- Price 헤더의 정렬을 오른쪽으로 설정합니다.
항목 추가
- 열다 바디 반복기. 각 항목은 하나의 셀입니다. 첫 번째 접시 이름을 추가하고 켭니다 새 행을 시작합니다 그것을 위해.
- 가격 셀이 오른쪽으로 정렬된 상태에서 설명을 다음 셀로 추가하고 가격을 세 번째 셀로 추가합니다.
- 모든 항목에 대해 반복: 접시 이름에 새 행이 시작되고 두 개의 셀이 더 시작됩니다. 여섯 개의 항목은 열여덟 개의 셀입니다.
셀은 텍스트 대신 아이콘이나 이미지를 전달할 수 있으며,이는 메뉴가 채식 행의 접시 또는 잎 아이콘 옆에 작은 사진을 얻는 방법입니다. 셀은 열에 걸쳐 있을 수도 있으므로 “메인”과 같은 코스 제목은 전체 너비에 걸쳐 자체 행에 앉을 수 있습니다.
메뉴처럼 스타일링하세요
스타일 탭에서 헤더 배경을 어두운 색상으로 설정하고 헤더 텍스트를 흰색으로 설정한 후 켭니다 줄무늬 행 따라서 두 번째 행마다 색조가 지정되고 테이블에 밝은 회색으로 1 픽셀 테두리를 제공합니다. 본문 텍스트를 단락과 동일한 크기로 유지하고 눈의 숫자가 숫자에 닿기를 원하는 경우 가격 열을 굵게 만듭니다. 위젯의 응답 모드는 각 행을 전화기의 블록으로 스택하고 각 값 옆에 열 헤더를 인쇄하므로 3 열 메뉴는 옆으로 스크롤하지 않고도 읽을 수 있습니다.
경로 3: 가격 카드로 서비스 패키지
몇몇 “가격 명부”는 진짜로 2 개 3 개의 포장이다: 1 개의 떨어져 서비스 및 매달 계획,또는 동일한 일의 기본과 우수한 층. 각 포장에는 포함되는 약간 것이 있고,독자는 그들 사이에서 선택하고 있다 가격 테이블,그리고 가격표 위젯 가격이 크고 포함 사항이 목록으로 포함된 패키지당 하나의 카드로 제공됩니다.
위의 섹션에서 템플릿 라이브러리는,모양을 보여줍니다: 왼쪽에 이름과 설명이있는 패키지 당 넓은 행,두 열에 포함 및 제외 항목,오른쪽에 버튼이있는 가격. 그것은 정신에 가격 목록과 구조에 가격 테이블이며,엄지 손가락의 규칙은 보유: 몇 가지 항목,각각 여러 기능,그래서 카드. 더 많은 카드 디자인은 가격 테이블 템플릿 게시물에 있습니다.
가격표 디자인 규칙
- 가격은 자체 열에 올바르게 정렬되어 있습니다. 리더는 가격을 열로 스캔합니다. 각 줄의 설명 뒤에 집어넣은 가격은 스캔할 수 없습니다.
- 설명당 한 줄. “바질 오일, 사워도우 부스러기” 로 충분합니다. 접시 당 단락은 목록을 페이지로 바꿉니다.
- 코스 또는 카테고리별 그룹 전체 너비 제목 행을 사용하고 고객이 주문한 순서대로 그룹을 유지합니다.
- 통화를 한 번 표시하십시오 헤더나 첫 번째 가격에 있거나 모든 가격에 기호를 유지하세요; 두 가지를 혼합하는 것은 오류처럼 보입니다.
- 텍스트로 유지. 이미지로 업로드된 메뉴는 디자이너 없이 검색하거나 소리내어 읽거나 업데이트할 수 없습니다. Elementor 의 테이블은 텍스트입니다.
- 전화로 확인해보세요. 폭이 390픽셀인 3열 테이블에는 스택 모드가 필요하며 가격은 여전히 접시 이름 바로 뒤에 와야 합니다.
선택할 경로
| 만약 당신이 | 사용 | 왜냐하면 |
|---|---|---|
| Elementor Pro와 간단한 1가격 메뉴를 준비하세요 | 경로 1, 가격표 위젯 | 작업을 위해 제작되었으며 점선 구분 기호가 내장되어 있습니다. |
| 무료 Elementor를 실행하거나 크기 또는 수량 열이 필요합니다 | 루트 2, 동적 테이블 | 실제 열, 줄무늬 행, 휴대폰 스택. |
| 각각 기능이 있는 2~4개의 패키지가 있습니다 | 루트 3, 가격표 카드 | 몇 가지 항목, 기능 목록, 패키지당 하나의 버튼. |
| 크기(소형, 중형, 대형)에 따라 가격이 달라집니다 | 루트 2, 동적 테이블 | 같은 행에 크기당 하나의 열이 있습니다. |
가격 열이 있고 Elementor Pro가 없는 메뉴가 필요하십니까? X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 동적 테이블 위젯 elementor 패널에서 스트라이프 행과 휴대폰용 스택 레이아웃을 사용하여 실제 테이블로 빌드합니다.
자주 묻는 질문
Elementor 가격표 위젯은 무료인가요?
아니요. Price List 위젯은 Elementor Pro 의 일부이며 무료 플러그인의 패널에 나타나지 않습니다. 무료 Elementor 에서 가격 목록은 Master Addons Dynamic Table 과 같은 애드온 테이블 위젯에서 나오거나 목록이 실제로 몇 가지 패키지 인 경우 가격 카드에서 나옵니다.
가격표와 가격표의 차이점은 무엇입니까?
가격표에는 메뉴처럼 각각 하나의 가격이 있고 기능 목록이 없는 항목이 많이 있습니다. 가격표에는 호스팅 계층과 같이 기능 목록과 버튼이 각각 있는 몇 가지 계획이 있습니다. 항목 목록과 계획 카드 표를 사용합니다.
Pro 없이 Elementor에서 레스토랑 메뉴를 만들려면 어떻게 해야 합니까?
마스터 애드온 동적 테이블 위젯 사용: 사용자 정의 너비로 접시,설명 및 가격 헤더 셀을 추가한 다음 첫 번째에 새 행 시작과 함께 각 항목을 세 개의 본문 셀로 추가합니다. 스트라이프 행과 응답 모드를 켜서 메뉴가 휴대폰에 쌓입니다.
가격표는 품목당 하나 이상의 가격을 가질 수 있습니까?
예,테이블과 함께. Small,Medium 및 Large 와 같은 크기 또는 옵션 당 하나의 열을 추가하고 각 가격을 항목 행의 자체 셀에 넣습니다. Elementor Pro 의 Price List 위젯은 항목 당 하나의 가격을 보여줍니다.
메뉴는 이미지여야 할까요, 아니면 텍스트여야 할까요?
텍스트. 이미지 메뉴는 검색하거나 화면 판독기에서 읽거나 이미지를 다시 실행하지 않고 업데이트할 수 없으며 망막 전화에서는 흐려집니다. 테이블 또는 목록 위젯은 모든 요리와 가격을 페이지의 텍스트로 유지합니다.
최종 생각
Elementor 의 가격표는 행당 하나의 가격이며 경로는 귀하가 가지고있는 것에 따라 다릅니다. Elementor Pro 의 Price List 위젯은 Pro 사용자를위한 간단한 메뉴를 다룹니다. Master Addons Dynamic Table 은 무료 Elementor 에서 동일한 메뉴를 다루고 크기,수량 또는 코스에 대한 열을 추가합니다. 기능이있는 두 개 또는 세 개의 패키지는 목록이 아닌 가격 테이블이며 Pricing Table 위젯은 카드로 처리합니다.
시작하세요 동적 테이블 위젯 페이지 메뉴 경로의 경우 또는 가격표 위젯 페이지 만약 당신의 리스트가 정말로 패키지들의 집합이라면.
관련 읽기
