Divi Chef 차일드 테마 개요

Divi Chef 하위 테마는 레스토랑 웹사이트를 염두에 두고 설계되었습니다. 레스토랑에 필요한 많은 페이지와 함께 제공되며 음식 메뉴와 예정된 이벤트를 표시하는 두 가지 사용자 정의 게시물 유형이 포함되어 있습니다. 이 기사에서는 Divi Chef 하위 테마를 살펴보고 필요에 맞는지 결정하는 데 도움이 되는 항목이 포함되어 있는지 확인합니다.

디비 셰프 설치

설치는 일반 테마와 동일하게 작동합니다. Divi가 활성화된 상태에서 Divi Chef 하위 테마를 업로드하고 활성화합니다.

Divi Chef 하위 테마가 활성화되면 Import Demo 라는 새 메뉴 항목이 표시됩니다. 이것을 선택하면 가져올 항목을 선택할 수 있는 간단한 가져오기 화면이 표시됩니다. 기본적으로 모두 선택되어 있습니다. 데모 콘텐츠 가져오기를 클릭하고 가져오기가 완료될 때까지 기다립니다.

가져오기가 완료되면 웹사이트가 데모처럼 보일 것입니다. 여기에는 이미 있는 홈페이지와 메뉴가 포함됩니다. 여러 이미지는 더미 이미지이며 이미지 위치의 크기를 보여줍니다.

페이지와 기능을 살펴보겠습니다.

Divi Chef 차일드 테마 페이지 및 기능

기능에는 리메이크된 레스토랑 페이지, 메뉴 및 이벤트에 대한 여러 게시물 유형, 필터링 가능한 음식 메뉴, 여러 머리글, 여러 바닥글, 여러 블로그 및 게시물 레이아웃, 연락처 및 예약 페이지가 포함됩니다. 각 페이지에는 페이지 제목이 있는 머리글이 포함됩니다. 대부분의 페이지와 레이아웃은 Divi 라이브러리에 추가됩니다.

Divi Chef 차일드 테마 홈페이지

영웅 섹션은 전체 화면 배경 이미지를 시차로 표시합니다. 오버레이는 작은 이미지 위에 우아한 글꼴로 메시지를 표시합니다.

다음 섹션은 레스토랑의 스토리를 보여주고 정보 페이지에 대한 링크를 포함합니다.

오늘의 거래에 대한 전체 화면 CTA는 예약 버튼과 함께 배경 이미지를 시차로 표시합니다.

음식 메뉴에는 이름, 설명 및 가격이 포함된 이미지가 표시됩니다. 메뉴에는 필터도 포함되어 있어 방문자는 식사에 따라 음식을 볼 수 있습니다.

블로그 섹션에 그리드가 표시됩니다.

고객은 스타일이 지정된 전체 화면 양식을 사용하여 테이블을 예약할 수 있습니다. 이 양식에는 전체 화면 배경 이미지와 이름, 이메일, 날짜, 좌석 수, 전화 및 시간 필드가 포함됩니다.

전체 너비 평가 슬라이더는 텍스트 옆에 원형 이미지를 표시합니다.

갤러리는 그리드에 이미지를 표시합니다. 오버레이를 표시하기 위해 오른쪽 상단의 이미지 위로 마우스를 가져갑니다.

예정된 이벤트는 스타일이 지정된 날짜, 제목 및 시간이 포함된 카드로 추천 이미지 위에 오버레이로 표시됩니다.

숫자 카운터는 시차로 배경 이미지 위에 아이콘으로 통계를 표시합니다.

연락처 정보는 한 면에는 큰 이미지가 있고 다른 면에는 정보가 포함되어 있습니다. 전화번호는 클릭 가능합니다.

Divi Chef 소개 페이지

Divi Chef 하위 테마의 정보 페이지에는 홈 페이지의 일부 요소가 포함되어 있으며 두 개의 텍스트 열이 있는 섹션, 번호가 매겨진 광고 문구가 있는 세 열 섹션, 두 개의 버튼이 있는 CTA가 추가됩니다.

메뉴 페이지

메뉴 페이지는 카테고리에 따라 음식 메뉴를 표시합니다. 각 카테고리에는 우아한 글꼴의 제목이 포함됩니다.

필터링 가능한 메뉴 페이지

필터링 가능한 메뉴 페이지에는 음식 메뉴가 표시되지만 모든 카테고리가 표시된 제목 아래에 각 카테고리를 표시하는 대신 필터를 사용하면 원하는 특정 카테고리를 볼 수 있습니다.

이벤트 페이지

이벤트 페이지는 홈 페이지에서와 같이 이벤트를 표시하지만 몇 가지를 더 추가합니다.

Divi Chef 블로그 페이지

Divi Chef 하위 테마에는 세 가지 다른 블로그 페이지가 있습니다. 첫 번째는 오른쪽 사이드바가 있는 두 개의 열에 블로그 게시물을 표시합니다. 오버레이에 전체 너비 이미지와 제목이 있는 헤더가 포함됩니다.

두 번째 블로그 디자인은 게시물을 전체 너비와 오른쪽 사이드바에 표시합니다.

세 번째 블로그 디자인은 게시물을 대체 레이아웃으로 표시합니다.

연락하다

연락처 페이지는 추가 정보를 위해 텍스트 옆에 스타일이 지정된 양식을 표시합니다. 이 아래의 행에는 연락처 정보가 표시되고 그 뒤에 전폭 지도가 표시됩니다.

예약

예약 페이지에는 연락처 정보와 예약 양식이 포함되어 있습니다.

헤더

5개의 헤더 중에서 선택할 수 있습니다. 첫 번째 헤더를 제외한 모든 헤더는 Divi Builder로 생성되었으며 Divi 라이브러리에서 사용할 수 있습니다. 기본 헤더는 메뉴 항목을 큰 글꼴로 표시하고 활성 링크에 대한 굵은 노란색을 포함합니다. 스크롤하면 노란색으로 바뀌는 반투명 배경이 있습니다. 하위 메뉴는 큰 텍스트와 함께 흰색 배경을 표시합니다.

두 번째 헤더는 메뉴 링크를 중앙에 배치하고 소셜 팔로우 아이콘을 왼쪽에, 연락처 CTA를 오른쪽에 배치합니다. 하위 메뉴는 노란색 선을 추가합니다.

세 번째 헤더는 중앙의 메뉴 위에 로고를 배치합니다. 소셜 팔로우 아이콘과 검색 상자가 링크와 함께 배치됩니다.

헤더 4에는 두 개의 행이 있습니다. 맨 위 행에는 왼쪽에 로고가 있고 오른쪽에 클릭 가능한 연락처 정보가 있습니다. 두 번째 행에는 왼쪽에 메뉴 항목과 검색 아이콘이 있고 오른쪽에 소셜 팔로우 아이콘이 있습니다. 이것은 헤더 중 가장 복잡합니다.

다섯 번째 헤더는 왼쪽에 로고, 중앙에 링크, 오른쪽에 CTA를 표시합니다.

바닥글

4개의 바닥글 중에서 선택할 수 있습니다. Divi Builder로 생성되었으며 Divi 라이브러리에서 사용할 수 있습니다. 첫 번째 바닥글은 테마 빌더에서 전역 바닥글로 지정되며 여러 텍스트 모듈과 소셜 미디어 팔로우 모듈을 포함합니다.

하단의 텍스트 모듈에는 하위 테마에 대한 정보가 포함되어 있습니다. 상단의 밝은 테두리가 바닥글의 나머지 부분과 구분됩니다. 이것은 노출된 바닥글이므로 그 위의 섹션이 커튼처럼 올라갈 때 제자리에 유지됩니다.

두 번째 바닥글은 더 크고 이메일 구독 양식을 추가합니다.

세 번째 바닥글에는 흰색 배경이 있으며 추가 정보가 추가되었습니다.

바닥글 4는 더 단순하며 흰색 배경을 포함합니다. 탐색은 왼쪽에 쌓이고 소셜 팔로우 링크는 오른쪽에 쌓입니다. 중앙에 간단한 설명이 있습니다.

바닥글 5는 가장 단순하며 흰색 배경을 포함하고 메뉴 링크를 중앙의 스택에 배치하고 소셜 미디어가 아이콘을 따라 수평으로 배치합니다.

Divi 셰프 포스트 유형

Divi Chef 하위 테마에는 레스토랑 메뉴 및 이벤트의 두 가지 게시물 유형이 내장되어 있습니다.

레스토랑 메뉴

레스토랑 메뉴에는 콘텐츠, 가격, 재료, 카테고리, 주문 및 추천 이미지를 추가할 수 있는 편집기가 포함되어 있습니다.

이 게시물 유형은 Divi Builder에 두 개의 모듈을 추가합니다. 하나는 필터링되고 다른 하나는 필터링되지 않습니다. 두 모듈 모두 표시할 항목 수를 선택하고 표준 Divi 스타일 옵션을 포함할 수 있습니다.

메뉴 항목은 게시물에 대한 표준 작업을 수행할 수 있는 레스토랑 메뉴 게시물 유형 목록에 나타납니다.

이벤트

이벤트에는 콘텐츠, 주최자 이름, 날짜, 시간, 비용, 전화번호, 이메일, 주문 및 추천 이미지를 추가할 수 있는 편집기가 포함됩니다.

이벤트 게시물은 명확하고 읽기 쉽습니다.

이벤트 게시물 유형은 Divi Chef 이벤트라는 Divi Builder에 모듈을 추가합니다. 표시할 이벤트 수를 선택하고 표준 Divi 옵션으로 스타일을 지정합니다.

이벤트는 모든 게시물과 마찬가지로 게시물 유형에 나열됩니다.

Divi Chef 탐색 메뉴

기본 메뉴가 자동으로 적용되는 세 가지 탐색 메뉴가 WordPress에 추가되었습니다. 나머지는 바닥글과 함께 사용하거나 기본 메뉴의 대안으로 사용할 수 있습니다.

Divi Chef 테마 빌더 레이아웃

테마 빌더 레이아웃에는 사용자 정의 바닥글, 아카이브 페이지, 검색 결과, 게시물 레이아웃 및 404 페이지가 포함됩니다.

포스트 레이아웃

Divi Chef 하위 테마에는 4가지 포스트 레이아웃 디자인이 포함되어 있습니다. 이 레이아웃은 배경 이미지, 콘텐츠 및 스타일 검색, 최근 게시물 및 카테고리가 있는 사이드바가 있는 전체 너비 헤더의 제목을 표시합니다. 또한 게시물 탐색을 추가합니다. 다른 레이아웃은 유사한 디자인을 따르며 더 작은 기능 이미지, 사이드바, 전체 화면 기능 이미지를 포함하거나 사이드바가 없습니다.

이것은 더 작은 추천 이미지를 표시하고 사이드바는 표시하지 않는 포스트 레이아웃 2입니다.

404 페이지

404 페이지의 한 면에는 이미지가 있고 다른 면에는 메시지와 검색창이 있습니다. 소셜 팔로우 아이콘이 중앙에 있습니다.

Divi Chef 차일드 테마 구매처

Divi Chef 하위 테마는 Divi Marketplace에서 사용할 수 있습니다. 비용은 39달러이며 무제한 웹사이트 사용과 1년 지원 및 업데이트가 포함됩니다.

마무리 생각

이것이 Divi Extended의 Divi Chef 하위 테마에 대한 우리의 모습입니다. 그것은 레스토랑 웹사이트를 위해 디자인되었고 디자인은 장르에 완벽하게 맞습니다. 페이지 및 사용자 정의 게시물 유형은 레스토랑 웹사이트에서 볼 것으로 예상되는 것입니다. 특히 음식 메뉴가 마음에 든다.

주문 및 픽업을 위한 온라인 지불과 같은 온라인 쇼핑 기능이 포함되어 있지 않으므로 모든 유형의 레스토랑에 적합하지 않을 수 있습니다. 그러나 예약 기능은 식당에서 식사하는 데 이상적입니다.

우리는 당신의 의견을 듣고 싶습니다. Divi Chef 하위 테마를 사용해 보셨습니까? 의견에 귀하의 경험에 대해 알려주십시오.

maryna rodyukova / shutterstock.com을 통한 주요 이미지