우리는 하루 전에 디비 테마. 그것이 무엇인지 알아야하는 경우이 자습서를 읽을 수 있습니다.
Divi 테마에 대한 다른 튜토리얼
- 레스토랑 이용 디비 테마 5 웹 사이트
- WooCommerce 제품 디비에 텍스트를 추가하는 방법
- Divi에서 페이지 간 메뉴 색상을 변경하는 방법
- Divi에 대해 모르는 기능
- Divi에서 슬라이더를 만드는 방법
- Divi에서 사용자 역할을 편집하는 방법
우리가 이전 튜토리얼에서 말했고 여기서 다시 말할 것은 Divi는 다목적 테마입니다.다목적)를 사용하면 모든 유형의 테마를 만들 수 있습니다. 이 새로운 자습서에서는 Divi를 사용하여 식당을위한 사이트를 만들어 일부 웹 사이트 소유자가 수행 한 작업을 보여줌으로써 영감을 얻을 것입니다.
레스토랑 사이트는 매우 우아한 디자인으로 유명합니다. 색상, 글꼴, 이미지, 메뉴, 예약, 케이터링, 레스토랑과 같은 서비스조차도 항상 필요했습니다. 웹 사이트 흥미로운. Divi의 가능성을 높이 평가할 수 있기를 바랍니다.
1-토니 로마
토니 로마 CTA가 포함 된 전체 화면 이미지가있는 경우 (행동 유도) 시차. 스크롤하면 세 개의 클릭 가능한 범주가 있는 음영 섹션이 표시됩니다. 그 아래에 레스토랑에 대한 정보가 있는 정보 섹션이 표시됩니다. 위치는 연락처 정보, 시간, 지도, 메뉴 보기 버튼, 배달 서비스 버튼과 함께 개별 페이지에 표시됩니다. 음식 메뉴는 PDF 형식으로 다운로드할 수 있습니다. 의 페이지 예약 각 위치에 대한 연락처 정보를 제공합니다. 이 사이트는 색상과 배경 이미지를 잘 활용합니다.
2-투타의 피자
Tutta 피자 클릭 유도 문안과 함께 시차 섹션에 로고가 포함 된 전체 화면 이미지 표시 지금 주문 스크롤하는 동안 사라지는 배경에 표시되는 메뉴에서. 다음은 패럴랙스 배경과 오버레이, 호버 애니메이션이 있는 메뉴 아이콘, Instagram 피드, CTA 이벤트 및 연락처 양식. 메뉴는 온라인 주문 시스템에 대한 링크와 함께 이미지와 텍스트로 표시됩니다. 이 사이트는 브랜딩에 흥미로운 배경 패턴을 사용합니다.
3-카사 도리 타
카사 Dorita 로고, 슬로건, 버튼이 포함된 전체 화면 이미지를 제공합니다. 예약 (CTA) 시차 배경. 다음 섹션에서는 음식 메뉴에 대한 링크와 함께 음식 정보를 제공합니다. 다음으로, 그림이 포함된 이미지 슬라이더, 시차 정보가 포함된 분할된 섹션, " 오늘의 명물 예약 (통합 예약 시스템을 사용하는 사람), 전체 화면 이미지 위로 마우스를 가져가면 델리와 델리에 대한 자세한 정보, 지도 위치 정보 및 연락처 양식. 사용 가능한 메뉴는 PDF로 다운로드할 수 있습니다. 이 사이트는 색상과 글꼴을 잘 활용합니다.
4-멕시코 인
멕시코인은 한 페이지 디자인을 사용하며 CTA가 포함된 전체 너비 배경, 기사 슬라이더, 메뉴 항목에 대한 링크가 있는 섹션(이를 클릭하면 더 넓은 이미지를 볼 수 있음), 브랜딩 섹션 및 연락처 양식 지도에서. 메뉴는 모달 창에 표시되는 대화형 주문 시스템입니다. 메뉴에는 장바구니에 항목을 추가할 수 있는 클릭 가능한 섹션과 다양한 요리 이미지가 포함되어 있습니다. 이것은 내가 본 것 중 가장 흥미로운 음식 메뉴 시스템 중 하나입니다.
5-멘 도시 노 농장
멘 도시 노 농장 해당 탐색 메뉴와 함께 전체 화면 기사 슬라이더를 표시합니다. 메뉴에는 CTA가 포함됩니다. 드롭 다운 메뉴에는 브랜드 이미지와 일치하는 아이콘과 텍스트가 표시됩니다. 페이지를 아래로 스크롤하면 호버 애니메이션과 함께 회사에 대한 태그 라인과 XNUMX 개의 기사가 표시됩니다. 음식 메뉴에는 PDF 버전에 대한 링크가 표시되고 그 뒤에 카테고리와 이미지, 메뉴 항목 및 가격이있는 메뉴를 표시하는 온라인 버전이 표시됩니다. 메뉴 디자인은 내가 본 것 중 최고 중 하나입니다. 위치 페이지는 게시물로 표시되는 위치가있는 블로그 페이지처럼 보입니다. 위치에 대한 기사에는 이미지 슬라이더, 리뷰, 주차 정보 및지도가 포함됩니다.
요약하자면
Divi와 함께 제공되는 많은 가능성이 있습니다. 많은 연습을 통해 훌륭한 웹 사이트를 만들 수 있습니다. 우리는 특정 튜토리얼을 통해 더 자세하게 입력 할 것입니다.
