WordPress에서 온라인 레스토랑 메뉴를 쉽게 만드는 방법

최근 게시물 게시판 wordpress WordPress에서 온라인 레스토랑 메뉴를 쉽게 만드는 방법

  • WordPress에서 온라인 레스토랑 메뉴를 만들고 싶습니까?

    웹사이트에서 메뉴를 공유하면 더 많은 사람들이 레스토랑에 들르도록 설득하는 데 도움이 됩니다. 사람들이 음식, 음료, 가격을 쉽게 확인할 수 있을 때 주문하거나 방문할 가능성이 높아집니다.

    이 기사에서는 WordPress에서 온라인 레스토랑 메뉴를 단계별로 만드는 방법을 보여줍니다.

    레스토랑 웹사이트를 시작하는 데 필요한 것

    온라인 레스토랑 메뉴를 만들려면 먼저 웹사이트를 설정해야 합니다. 아직 웹사이트가 없더라도 걱정하지 마세요.

    WordPress를 사용하여 웹 사이트를 쉽게 시작할 수 있습니다. 최고의 웹사이트 빌더 수백만 개의 소규모 비즈니스, 레스토랑, 바 및 카페에서 사용하는 세계에서 인터넷의 모든 웹사이트 중 42% 이상이 워드프레스를 사용합니다.

    무엇보다도 큰 선행 투자 없이 웹사이트 구축을 시작할 수 있습니다.

    가장 먼저 필요한 것은 도메인 이름과 웹 호스팅입니다. 우리는 거래를 해결했습니다 블루호스트, WordPress의 권장 호스팅 제공업체 중 하나로서 독자들에게 많은 것을 제공합니다.

    기본적으로 무료 도메인 이름, 무료 SSL 인증서 및 웹 호스팅 60% 할인을 받습니다.

    → 이 독점 Bluehost 거래를 받으려면 여기를 클릭하십시오 ←

    호스팅 및 도메인 이름 외에도 WordPress 테마도 필요합니다. 테마는 웹사이트의 템플릿과 같습니다.

    훌륭한 톤이 있습니다. 워드프레스 레스토랑 테마 고객이 주문하도록 권장하는 전문 웹사이트를 만드는 데 도움이 됩니다.

    레스토랑 웹사이트를 설정하는 데 도움이 필요하면 다음에서 단계별 가이드를 참조하세요. 웹사이트를 만드는 방법.

    WordPress에서 온라인 메뉴를 만드는 이유는 무엇입니까?

    WordPress 사이트에 온라인 메뉴 페이지를 만들면 방문자와 잠재 고객에게 더 나은 경험을 제공할 수 있습니다.

    방문자가 식당 웹 사이트에 올 때 일반적으로 가장 먼저 보는 것은 메뉴입니다. 방문자에게 PDF 메뉴만 제공하는 경우 귀하가 제공하는 음식 선택을 방문자가 보기 어렵게 만듭니다.

    웹사이트에 온라인 메뉴를 만들면 사용자가 메뉴를 다운로드할 필요가 없습니다. 고객의 데이터 요금제 및 연결 상태에 따라 PDF 다운로드가 어려울 수 있습니다.

    또한 웹사이트의 메뉴 페이지는 모바일 반응형 방문자가 확대 및 축소하지 않고도 쉽게 읽을 수 있도록 모든 장치에서 보기 좋게 표시됩니다.

    무엇보다도 메뉴 페이지를 사용하면 메뉴를 쉽게 편집하고 추가할 수 있습니다. 온라인 주문. 메뉴나 가격을 변경해야 할 때 PDF를 편집하고 업로드하기가 훨씬 더 번거롭습니다.

    즉, 온라인 레스토랑 메뉴를 WordPress에 추가하는 데 도움이 될 수 있는 두 가지 WordPress 플러그인을 공유할 것입니다. 아래의 빠른 링크를 사용하여 사용하려는 플러그인을 선택하기만 하면 됩니다.

    방법 1. SeedProd를 사용하여 WordPress에 레스토랑 메뉴 추가

    우리는 사용하는 것이 좋습니다 SeedProd WordPress에서 온라인 레스토랑 메뉴를 만들려면 그건 최고의 드래그 앤 드롭 WordPress 페이지 빌더 백만 개 이상의 웹 사이트에서 사용됩니다.

    드래그 앤 드롭 빌더를 사용하여 멋진 레스토랑 메뉴를 만들 수 있습니다. 또한 메뉴가 변경되고 새로운 메뉴 옵션이 제공되면 쉽게 편집할 수 있습니다.

    이 자습서에서는 다음을 사용할 수 있습니다. SeedProd 무료 버전 메뉴를 만들 수 있습니다. 그러나 SeedProd의 프로 버전 150개 이상의 템플릿, 색 구성표, 이메일 마케팅 통합, 이미지 캐러셀, 소셜 미디어 블록 등을 제공합니다.

    가장 먼저 해야 할 일은 플러그인을 설치하고 활성화하는 것입니다. 자세한 내용은 단계별 가이드를 참조하세요. WordPress 플러그인을 설치하는 방법.

    활성화 시 다음으로 이동합니다. SeedProd » 페이지 그런 다음 ‘새 방문 페이지 추가’ 버튼을 클릭합니다.

    새 SeedProd 방문 페이지 추가

    그러면 페이지 템플릿을 선택할 수 있는 템플릿 화면이 나타납니다. 다양한 틈새 시장과 목적을 위한 수십 개의 템플릿이 있습니다.

    템플릿을 선택하려면 템플릿 위에 마우스를 놓고 ‘확인 표시’ 아이콘을 클릭합니다. 원하는 템플릿을 선택할 수 있지만 이 자습서에서는 ‘저녁 판매 페이지’ 템플릿을 사용합니다.

    방문 페이지 템플릿 선택

    그러면 새 메뉴 페이지에 이름을 지정할 수 있는 팝업이 나타납니다. 페이지의 URL을 편집할 수도 있습니다. 우리는 단순히 우리 페이지를 ‘메뉴’라고 부릅니다.

    그런 다음 ‘저장 및 페이지 편집 시작’ 버튼을 클릭합니다.

    이름 방문 페이지

    완료되면 페이지 편집기 화면으로 이동합니다.

    페이지의 오른쪽은 미리보기이며 완전히 사용자 정의할 수 있습니다. 페이지의 왼쪽에는 페이지에 추가할 수 있는 다양한 블록과 섹션이 있습니다.

    SeedProd 랜딩 페이지 템플릿 예시

    먼저 페이지 로고를 클릭합니다.

    그러면 왼쪽에 레스토랑 로고를 업로드할 수 있는 메뉴가 나타납니다. 새 로고를 추가하려면 다음과 같은 절차를 따르세요. WordPress에 이미지 추가.

    메뉴 로고 변경

    그런 다음 탐색 메뉴 버튼을 변경하여 홈페이지로 돌아갈 수 있습니다. 이렇게 하면 방문자가 메뉴 보기를 마치면 웹사이트로 돌아갈 수 있습니다.

    탐색 메뉴 버튼을 클릭하기만 하면 왼쪽 메뉴에서 텍스트와 링크를 변경할 수 있습니다.

    메뉴 탐색 버튼 변경

    그런 다음 주요 콘텐츠 섹션을 삭제할 수 있습니다.

    페이지 제목 위로 마우스를 가져간 다음 ‘차단 삭제’ 아이콘을 클릭하기만 하면 됩니다.

    기존 섹션 삭제

    그런 다음 이미지, 텍스트 및 버튼 요소에 대해 동일한 작업을 수행할 수 있습니다.

    다음으로 ‘헤드라인’ 블록을 페이지로 끌어 메뉴 제목에 대한 헤드라인을 추가할 수 있습니다.

    메뉴 헤드라인 추가

    다른 요소와 마찬가지로 왼쪽 메뉴에서 텍스트 크기, 색상, 글꼴을 변경할 수 있습니다.

    그런 다음 기존 음식 항목을 편집하고 자신의 텍스트와 이미지로 바꿀 수 있습니다.

    먼저 이미지를 클릭하고 왼쪽 메뉴에서 자신의 이미지를 업로드합니다.

    메뉴 항목 이미지 추가

    그런 다음 현재 헤드라인을 클릭하여 자신의 텍스트를 입력합니다.

    텍스트를 클릭하고 설명을 추가하여 텍스트를 변경할 수도 있습니다.

    메뉴 항목 텍스트 변경

    헤드라인과 텍스트를 변경한 후에는 항목의 가격을 추가할 수 있습니다.

    ‘텍스트’ 요소를 페이지로 드래그한 다음 왼쪽 메뉴를 사용하여 텍스트를 사용자 정의하기만 하면 됩니다.

    메뉴 항목 가격 추가

    그런 다음 레스토랑 메뉴의 나머지 항목에 대해 위와 동일한 단계를 따르십시오.

    페이지 템플릿의 모든 섹션을 사용자 지정할 수 있습니다.

    동일한 스타일의 다른 메뉴 섹션을 추가하려면 요소 위에 마우스를 놓고 ‘행 복제’를 클릭하십시오.

    중복 섹션

    이렇게 하면 동일한 행의 복사본이 만들어지고 바로 아래에 추가됩니다.

    계속해서 레스토랑 메뉴를 사용자 정의할 수 있습니다. 색상, 크기, 글꼴 등을 포함하여 페이지의 모든 부분을 완전히 사용자 지정할 수 있습니다.

    모든 항목에 사진을 추가하고 싶지 않다면 목록 블록을 사용하여 메뉴 항목을 쉽게 추가할 수 있습니다.

    온라인 레스토랑 메뉴 만들기가 완료되면 ‘저장’ 버튼 옆에 있는 드롭다운 화살표를 클릭하고 ‘게시’를 선택합니다.

    게시 메뉴 라이브

    이제 방문자가 볼 수 있도록 새로운 레스토랑 메뉴가 표시됩니다.

    이제 레스토랑 메뉴를 메뉴에 추가할 수 있습니다. 탐색 메뉴및 기타 영역 워드프레스 블로그.

    워드프레스 레스토랑 메뉴

    방법 2. 음식 메뉴를 사용하여 WordPress에 레스토랑 메뉴 추가

    이 방법에는 다음을 사용하는 것이 포함됩니다. 음식 메뉴 – 레스토랑 메뉴 및 온라인 주문 플러그인. 이 플러그인을 사용하면 WordPress에서 온라인 메뉴를 빠르게 만들 수 있습니다.

    또한 다음과 통합됩니다. 우커머스, 방문자에게 온라인 주문 옵션을 제공할 수 있습니다.

    가장 먼저 해야 할 일은 플러그인을 설치하고 활성화하는 것입니다. 자세한 내용은 에 대한 초보자 가이드를 참조하십시오. WordPress 플러그인을 설치하는 방법.

    활성화 시 다음으로 이동합니다. 음식 메뉴 » 음식 추가.

    새 메뉴 항목 추가

    이 화면에서 메뉴 항목 이름, 설명 및 이미지를 입력할 수 있습니다.

    그런 다음 ‘게시’ 버튼을 클릭하여 메뉴 항목을 저장해야 합니다.

    새 메뉴 항목 게시

    메뉴에 항목을 더 추가하려면 위와 동일한 단계를 따르십시오.

    음식 메뉴에 항목을 추가했으면 이 메뉴를 WordPress에 추가할 차례입니다.

    먼저, 당신은 가야합니다 음식 메뉴 » ShortCode 생성기를 클릭한 다음 ‘새로 추가’ 버튼을 클릭합니다.

    단축 코드 생성기로 이동

    다음으로, 당신은 당신의 짧은 코드 추가한 메뉴 항목의 유형을 기억하는 데 도움이 되는 제목입니다.

    그런 다음 메뉴를 표시하는 방법을 사용자 지정할 수 있습니다.

    메뉴 단축 코드 이름 지정

    기본 옵션을 유지하지만 ‘레이아웃’ 섹션의 설정으로 메뉴가 표시되는 방식을 사용자 지정할 수 있습니다.

    여기에서 행당 표시할 항목 수를 선택할 수 있습니다.

    단축 코드 레이아웃 변경

    ‘필터링’ 탭에서 간단한 메뉴를 표시할지 아니면 온라인 주문을 활성화할지 선택할 수 있습니다.

    온라인 주문을 켜려면 ‘WooCommerce’ 라디오 버튼을 선택하기만 하면 됩니다. 표시할 항목을 제어할 수도 있습니다.

    단축 코드 필터링

    고객이 장바구니에 식품을 추가하고 결제할 수 있도록 하려면 WooCommerce 스토어에서 메뉴 항목을 제품으로 추가해야 합니다.

    제품 추가에 대한 자세한 내용은 에 대한 단계별 가이드를 참조하십시오. 온라인 상점을 시작하는 방법.

    다음으로 ‘필드 선택’ 탭을 클릭하여 각 항목에 대해 표시되는 정보를 사용자 정의할 수 있습니다.

    필드 선택 단축 코드

    확인란을 선택하거나 선택 취소하면 변경 사항이 어떻게 보이는지 실시간 미리보기를 볼 수 있습니다.

    그런 다음 ‘스타일링’ 메뉴 옵션을 클릭하여 메뉴 항목의 모양을 변경할 수 있습니다.

    숏코드 스타일링 메뉴

    메뉴 항목이 표시되는 방식을 사용자 정의했으면 ‘게시’ 버튼을 클릭해야 합니다.

    이렇게 하면 메뉴가 아직 사이트에 게시되지 않지만 아래 웹사이트에 추가할 단축 코드가 저장됩니다.

    게시 메뉴 단축 코드

    이제 메뉴가 표시될 페이지를 만들어야 합니다.

    이렇게 하려면 다음으로 이동하십시오. 페이지 » 모든 페이지 그런 다음 ‘새로 추가’를 클릭합니다.

    메뉴 페이지 추가

    그런 다음 페이지 제목을 지정할 수 있습니다. 이것은 방문자에게 표시되므로 ‘메뉴’와 같이 이름을 지정하고 싶을 것입니다.

    그런 다음 ‘+’ 아이콘을 클릭하여 새 블록을 추가합니다.

    메뉴 페이지 블록 추가

    그런 다음 검색 창에 ‘메뉴’를 입력합니다.

    그런 다음 ‘음식 메뉴’ 블록을 선택합니다.

    음식 메뉴 블록 선택

    그런 다음 드롭다운 메뉴에서 방금 생성한 단축 코드를 선택해야 합니다.

    이렇게 하면 메뉴가 페이지에 삽입됩니다.

    메뉴 단축 코드 선택

    그런 다음 ‘게시’ 또는 ‘업데이트’ 버튼을 클릭하여 메뉴를 라이브로 만드십시오.

    이 페이지에 텍스트와 같은 다른 요소를 추가할 수도 있습니다. 문의 양식, 당신의 인스타그램 피드, 그리고 더.

    새 메뉴 게시

    이제 방문자가 메뉴를 볼 때 WooCommerce 기능을 추가한 경우 항목을 보고 주문할 수도 있습니다.

    메뉴가 표시되는 화면 크기에 관계없이 메뉴 항목이 완벽하게 표시됩니다.

    워드프레스 메뉴 예시

    이 게시물이 WordPress에서 온라인 레스토랑 메뉴를 만드는 방법을 배우는 데 도움이 되었기를 바랍니다. 당신은 또한 우리의 전문가 선택을보고 싶을 수도 있습니다 중소기업을 위한 최고의 HR 급여 소프트웨어, 또는 우리의 비교 중소기업을 위한 최고의 비즈니스 전화 서비스.

    이 기사가 마음에 들면 구독하십시오. 유튜브 채널 WordPress 비디오 자습서용. 당신은 또한 우리를 찾을 수 있습니다 트위터 그리고 페이스북.

    Source link

    신고하기
  • 답변은 로그인 후 가능합니다.