Divi 제품 하이라이트: Avanti – Divi 다목적 어린이 테마

Avanti는 필요한 모든 유형의 웹 사이트를 구축하는 데 도움이 되는 9개의 틈새에 60페이지가 넘는 Divi용 타사 하위 테마입니다. Avanti를 사용하면 웹 사이트를 더 빠르게 구축할 수 있습니다. 온라인 상점을 쉽게 설정하는 데 도움이 되는 WooCommerce 중심 디자인도 있습니다. 이 게시물에서는 이 Divi 차일드 테마가 귀하에게 적합한 제품인지 결정하는 데 도움이 되도록 제공하는 몇 가지 레이아웃을 살펴보겠습니다!

시작합시다.

아반티 설치

Avanti 설치는 간단합니다. 일반 WordPress 테마를 설치하는 것과 동일한 방식으로 작동하지만 몇 단계가 더 있습니다. 새로운 WordPress 사이트에 Avanti를 설치하는 것이 좋습니다. Divi 차일드 테마이므로 Divi가 필요합니다. 설치 프로세스가 직관적이라는 것을 알았습니다.

1. 외모로 이동
2. 테마 선택
3. 새로 추가를 선택합니다.

1. 테마 업로드를 클릭합니다.
2. 파일 선택을 클릭합니다.
3. 컴퓨터에서 압축 파일로 이동하여 선택한 다음 지금 설치를 클릭합니다.

1. 활성화 클릭

1. Avanti 데모 가져오기로 이동
2. 간편한 데모 가져오기를 클릭합니다.
3. 데모 콘텐츠 가져오기를 선택합니다.

1. 데모 콘텐츠 제거 및 기능 가져오기를 클릭합니다.

Avanti 페이지, 레이아웃 및 템플릿

페이지와 템플릿의 조합으로 Avanti는 9개의 틈새에 30개 이상의 요소가 포함된 60개 이상의 페이지를 제공합니다. 여기에는 완전한 웹 사이트, 여러 머리글 및 바닥글 디자인, 상점 페이지 등이 포함됩니다. 일부 레이아웃에 대한 자리 표시자 이미지가 있는 레이아웃과 판매 데모 이미지가 있는 스크린샷을 보여 완제품을 더 잘 볼 수 있도록 하겠습니다. 다음은 일부 페이지입니다.

다음은 Divi 라이브러리에 추가된 레이아웃 중 일부입니다.

또한 11개의 사전 제작 및 사전 할당된 템플릿이 포함되어 있습니다.

아반티 홈페이지

Avanti에는 다양한 비즈니스 유형을 위한 11개의 홈페이지가 있습니다. 여기에는 다음이 포함됩니다.

1. 사업
2. 식당
3. 사진술
4. 상의
5. 웹 디자인
6. 이의
7. 혁신
8. 배관공
9. V1 쇼핑하기
10. V2 쇼핑하기
11. V3 쇼핑하기

각각에는 많은 스타일 요소, ​​호버 애니메이션, 스크롤 애니메이션, 배경 이미지에 대한 Ken Burns 효과가 포함되어 있습니다. 여기에는 이미지 크기와 함께 더미 이미지가 포함됩니다. 비즈니스 홈페이지가 기본값입니다. 이 Divi 하위 테마는 정기적으로 업데이트됩니다. 두 개의 최신 홈 페이지인 레스토랑과 사진을 살펴보고 최신 WooCommerce 업데이트도 살펴보겠습니다.

Avanti 레스토랑 홈페이지

레스토랑 레이아웃은 홈페이지, 정보, 음식 메뉴, 평가 및 연락처 페이지를 포함하여 5개의 페이지로 구성됩니다. 다음은 더미 이미지가 있는 홈 페이지의 영웅 섹션입니다.

다음은 자식 테마 데모 페이지의 이미지가 포함된 홈 페이지입니다. 여기에는 사용자 지정 헤더가 포함됩니다.

다음은 데모 페이지의 일부입니다. 보시다시피 이것은 많은 요소가 있는 큰 페이지입니다. 모든 전체 화면 이미지는 고정되어 있습니다. 메뉴 링크가 있는 전체 화면 영웅 섹션, 이미지 호버 효과가 있는 정보 섹션, 음식 카테고리로 연결되는 호버 효과가 있는 이미지, 음식 메뉴에 대한 CTA, 예약을 위한 CTA, -홍보문, 맞춤 추천 카드, 문의 양식 등으로 만든 열 음식 메뉴.

Avanti 사진 홈페이지

사진은 홈, 정보, 서비스, 단일 서비스, 사진 갤러리, 단일 갤러리, 사용 후기, 가격, FAQ, 연락처 등 10페이지로 구성되어 있습니다. 여기 사진 홈페이지가 있습니다. 투명 헤더도 포함되어 있습니다. 자식 테마 데모 페이지의 이미지가 포함된 영웅 섹션입니다.

다음은 데모 홈 페이지입니다. 이 이미지는 시차 스크롤 효과로 촬영되었습니다. 여기에는 갤러리 링크가 있는 전체 화면 영웅 섹션, 카테고리로 연결되는 이미지, 전체 스토리 링크가 있는 정보 섹션, 맞춤형 디자인의 스타일이 지정된 평가, 맞춤형 블로그 카드가 있는 블로그, 연락처 양식이 포함됩니다. 양쪽에 이미지가 있고 연락처 정보와 이메일 양식이 포함된 맞춤 바닥글이 있습니다.

다른 Avanti 페이지

홈페이지 외에도 Avanti에는 3개의 WooCommerce 상점 홈페이지, 5개의 회사 소개, 3개의 서비스, 3개의 서비스 페이지, 5개의 문의처, 4개의 포트폴리오 페이지 등이 있습니다. 다른 페이지에는 블로그, 감사합니다, 평가, FAQ, 가격 책정, 404 등이 포함됩니다. 이들 중 다수는 여러 버전도 포함합니다.

홈 페이지 상점 V1

Home Page Shop V1은 상점에 대한 CTA가 포함된 전체 너비 슬라이더를 표시합니다. 자리 표시자 이미지가 있는 페이지입니다. 이것은 원래 레이아웃 중 하나이지만 새 레이아웃을 비교하는 방법을 보기 위해 포함하고 싶었습니다.

다음은 데모의 페이지입니다. 여기에는 카테고리, 베스트 셀러, CTA 및 판매 중인 제품이 있는 상점 섹션이 포함됩니다. 그 다음에는 텍스트 스크롤 효과가 있는 시차의 전체 화면 CTA, 최신 뉴스에 대한 블로그 섹션 및 이메일 구독 CTA가 있습니다.

홈 페이지 상점 V3

Home Page Shop V3는 새로운 샵 디자인입니다. 다음은 자리 표시자 이미지가 있는 영웅 섹션입니다.

다음은 데모의 페이지입니다. 여기에는 CTA가 포함된 슬라이더, 정보가 포함된 설명문, 추천 및 최신 제품이 포함된 상점 섹션, 진정한 시차의 전체 화면 CTA, 스타일이 지정된 이미지가 포함된 판매 제품, 카운트다운 타이머가 포함된 오늘의 거래 섹션, CTA가 포함됩니다. , 신제품, 최신 뉴스 및 브랜드 로고.

카트 V2

Cart V2는 페이지 상단에 탐색 아이콘을 표시하여 사용자가 쇼핑 프로세스의 현재 위치를 알 수 있도록 하는 새로운 카트 페이지입니다. 또한 스타일이 지정된 카트, 판매 CTA 및 카트 합계를 표시합니다.

카트 V3

카트 V3도 새로워졌습니다. Cart V2와 동일한 스타일을 포함하지만 장바구니 합계를 장바구니 옆으로 이동하고 판매 CTA를 포함하지 않습니다.

체크아웃 V3

Checkout V3는 새로운 결제 페이지입니다. 여기에는 페이지 상단의 탐색 아이콘과 왼쪽에 체크아웃 양식이 있는 2열 섹션, 오른쪽에 정보 및 평가가 있는 작은 열이 포함됩니다.

회사 소개 V4

About Us V4는 새로운 레스토랑 레이아웃용으로 디자인된 새 페이지입니다.

다음은 데모 페이지의 일부입니다. 여기에는 시차의 전체 너비 CTA, 확대/축소 효과가 있는 정보 섹션, 메뉴 CTA 및 스타일이 지정된 평가가 포함됩니다.

회사 소개 V5

회사 소개 V5는 새로운 사진 레이아웃을 위해 설계되었습니다.

이 페이지에는 CTA가 있는 시차의 영웅 섹션, 연락처 페이지에 대한 링크가 있는 정보 섹션, 정보를 보여주는 광고 문구, 사용 후기, 블로그 및 스타일이 지정된 연락처 양식이 포함되어 있습니다. 이들 대부분은 홈페이지에 포함되어 있습니다.

서비스 V3

서비스 V3은 사진 레이아웃용으로 설계된 새 페이지입니다. 흥미로운 호버 효과가 있는 서비스 이미지 섹션이 포함되어 있습니다. 이미지는 위쪽으로 스윙하고 텍스트는 카드 내부에서 아래쪽으로 스윙하여 사진과 더 많은 정보를 볼 수 있는 버튼을 표시합니다. 스타일이 적용된 가격표도 포함되어 있습니다.

단일 서비스 V3

Single Service V3는 사진 레이아웃을 위한 새로운 페이지입니다. 여기에는 단일 서비스를 설명하는 텍스트 및 이미지에 대한 큰 섹션이 포함됩니다. 또한 사용후기, 문의 양식 등도 포함되어 있습니다.

문의 V4

Contact Us V4는 새로운 레스토랑 레이아웃을 위한 연락처 페이지입니다. 왼쪽에는 연락처 정보, 영업 시간 및 양식이 있는 2열 섹션이 포함되어 있습니다. 오른쪽에는 흑백 지도가 포함되어 있습니다.

문의 V5

Contact Us V5는 사진 레이아웃의 연락처 페이지입니다. 여기에는 연락처 정보가 있는 안내 문구 섹션이 포함됩니다. 페이지의 주요 부분에는 큰 연락처 양식이 포함되어 있습니다.

추천 V2

후기 V2는 새로운 레스토랑 레이아웃에 대한 추천 페이지입니다. 이미지 배경이 있는 스타일이 지정된 카드 내에 고객 평가를 표시합니다.

가격 V2

Pricing V2는 사진 레이아웃의 새 페이지입니다. 여기에는 다른 페이지의 동일한 영웅 섹션, 평가 및 연락처 섹션이 포함되며 스타일이 지정된 가격표가 추가됩니다. 테이블에는 제목에 대해 다양한 높이와 배경색이 있는 카드가 표시됩니다.

아반티 요소

Avanti에는 요소만 포함된 여러 페이지가 포함되어 있어 쉽게 액세스할 수 있습니다. 여기에는 머리글, 바닥글, 슬라이드인, 플립 상자, 서비스 상자, 가격표, 옵트인, 팀원 및 평가가 포함됩니다. 그 중 세 가지는 새로운 요소를 포함합니다. 그 세 가지를 살펴보겠습니다.

헤더

Avanti에는 선택할 수 있는 5개의 헤더가 포함되어 있습니다. 여기에는 헤더 내의 요소와 일치하는 배경이 있는 드롭다운 메뉴가 포함됩니다. 첫 번째 헤더는 기본값입니다. Divi Theme Builder에서 전역 헤더로 설정됩니다. 모든 헤더는 Divi 라이브러리에 추가되므로 원하는 경우 다른 헤더로 쉽게 변경할 수 있습니다.

서비스 박스

Avanti의 서비스 상자에는 서비스를 소개하는 6가지 방법이 포함되어 있습니다. 대부분은 흥미로운 카드를 만들기 위해 텍스트 추가, 이미지 변경, 확대/축소 등의 호버 효과를 포함합니다.

사용후기

Avanti에는 5가지 추천 디자인이 포함되어 있습니다. 이들은 스타일이 지정된 카드에 귀하의 평가를 표시합니다. 여기에는 레스토랑 및 사진 레이아웃을 위한 새로운 디자인이 포함됩니다. 첫 번째 평가에는 호버 효과가 포함됩니다.

아반티 문서

설명서는 하위 테마 설정 및 Ken Burns 효과 비활성화, 플립 상자의 콘텐츠 변경, 연락처 양식 리디렉션, 슬라이드인 변경, 메뉴 배지 추가 등과 같은 특정 작업 수행을 단계별로 안내합니다.

아반티 구입처

Avanti는 Divi Marketplace에서 $35에 구입할 수 있습니다. 여기에는 무제한 사용, 30일 환불 보장, 1년 지원 및 업데이트가 포함됩니다.

결말 생각

이것이 Avanti Divi 차일드 테마의 모습입니다. 사용하기 쉽고 페이지 수가 많아 다재다능하게 사용할 수 있습니다. 새 페이지와 요소가 멋지게 보입니다. 나는 특히 새로운 레스토랑, 사진 및 상점 홈 페이지를 좋아했습니다. Avanti는 많은 틈새 시장에 많은 페이지를 보유하고 있어 거의 모든 유형의 웹사이트에 적합합니다. 나는 그 가치가 그 가격보다 훨씬 중요하다고 느꼈습니다.

여러분의 의견을 듣고 싶습니다. Avanti Divi 차일드 테마를 사용해 보셨나요? 의견에 대해 어떻게 생각하는지 알려주세요.