Divi 앱 하위 테마 개요

Divi 앱은 모바일 앱 개발자를 위해 설계된 Divi의 하위 테마입니다. 다양한 섹션에 고정된 메뉴가 있는 한 페이지 디자인이 있습니다. 이미지, 광고 문구 및 CTA는 앱의 다양한 기능을 제시하고 판매 유입경로를 통해 트래픽을 유도하는 데 효과적입니다. 이 기사에서는 Divi App 하위 테마의 기능을 살펴보고 이것이 귀하의 요구에 적합한 하위 테마인지 결정하는 데 도움이 될 것입니다.

Divi 앱 하위 테마 설치

Divi 앱 하위 테마 설치는 간단합니다. 모든 WordPress 테마처럼 작동하며 한 번의 클릭으로 콘텐츠를 가져올 수 있습니다. Divi가 활성화된 상태에서 WordPress 테마 메뉴에서 Divi 앱을 업로드하고 활성화합니다.

하위 테마가 활성화되면 Import Demo 라는 대시보드에 새로운 메뉴 항목이 추가된 것을 볼 수 있습니다. 이 메뉴에서 Easy Import Demo를 클릭하고 가져올 항목을 선택합니다. 여기에는 게시물, 미디어, 메뉴, 홈페이지, 위젯 및 Divi 테마 옵션이 포함됩니다. 기본적으로 모두 선택되어 있습니다. 그러나 가져올 게시물이나 위젯이 없습니다. 모든 것을 체크한 상태로 두는 것이 좋습니다. 데모 콘텐츠 가져오기를 클릭하고 가져오기가 완료될 때까지 기다립니다. 이 화면에서 벗어나지 마십시오.

가져오기가 완료되었다는 메시지가 표시됩니다. 웹사이트는 이제 데모처럼 보이지만 데모의 이미지 대신 자리 표시자 이미지가 있습니다. 홈페이지와 메뉴는 이미 설정되어 할당되어 있습니다. 콘텐츠를 추가하기만 하면 됩니다. 이것은 자식 테마를 설치하는 가장 좋아하는 방법입니다. 원 클릭 가져오기는 쉽고 원활합니다.

Divi 앱 어린이 테마 홈 페이지

Divi 앱 하위 테마는 홈페이지와 홈페이지의 8개 섹션으로의 탐색이 있는 한 페이지 디자인입니다. 한 번에 하나씩 섹션별로 살펴보겠습니다. 요소에는 슬라이드인 애니메이션과 몇 가지 흥미로운 스타일이 포함됩니다. 나는 우리가 가는 동안 그것들을 지적할 것이다.

많은 모듈에는 스타일을 지정하고 모바일에서 잘 작동하도록 하는 CSS 클래스가 포함되어 있습니다. 클래스는 CSS 스타일 시트에 정의되어 있습니다. 스타일 시트의 CSS는 주석 처리가 잘 되어 있고 목차도 포함되어 있으므로 CSS에 익숙하다면 쉽게 사용자 정의할 수 있습니다.

영웅 섹션

영웅 섹션에는 자리 표시자 이미지가 있는 그라데이션 배경이 포함됩니다. 왼쪽에는 제목, 설명 및 CTA를 만드는 두 개의 버튼이 있습니다. 오른쪽에는 CTA에 주의를 끌기 위해 앱의 스크린샷을 배치할 수 있는 자리 표시자 이미지가 있습니다.

특징

Divi 앱 하위 테마 기능 섹션은 제목, 짧은 설명 및 큰 이미지로 시작하여 청중에게 앱을 소개합니다. 스타일이 지정된 광고 문구는 아이콘을 표시하고 특정 기능을 설명하는 데 효과적입니다. 각 요소는 화면의 양쪽과 아래쪽에서 독립적으로 제자리에 슬라이드됩니다.

교대 레이아웃의 3개 행은 한 쪽에 이미지가 있고 다른 쪽에 설명이 있는 더 자세한 정보를 제공합니다. 설명에는 아이콘이 포함되며 글머리 기호로 작동합니다. 처음 두 이미지는 세로 모드이고 세 번째 이미지는 가로 레이아웃입니다. 첫 번째와 마지막은 분홍색 배경을 표시하고 가운데 행은 흰색입니다. 이것은 그들 사이에 약간의 시각적 차이를 만드는 데 도움이 됩니다. 마지막은 이미지의 모서리를 둥글게 처리하여 더욱 독특한 디자인을 제공합니다.

갤러리

갤러리는 앱의 스크린샷을 표시하는 방법을 제공합니다. 이 섹션으로 스크롤하면 4개의 이미지가 단일 행으로 제자리로 바뀝니다. 세로 모드에서 스마트폰과 일치하는 모양을 제공하며 앱의 스크린샷에 적합합니다. 주변 배경이 깨끗하여 눈이 산만함 없이 이미지에 집중할 수 있습니다.

가격

Divi App 하위 테마의 가격 섹션에는 다양한 방식으로 정보를 제공하는 여러 행이 있습니다.

가격표는 가장 인기 있는 세 가지 크기로 표시되며 중앙에 가장 많이 표시됩니다. 크기는 권장 사항과 일치하며 가장 큰 것이 가장 권장됩니다. 그라디언트 배경과 각진 구분선을 겹치고 상자 그림자를 포함하여 배경과 서로 눈에 띄도록 합니다. 글꼴과 버튼의 색상은 바깥쪽 두 테이블과 일치하고 가운데 테이블은 눈에 띕니다. 테이블 위로 마우스를 가져가면 테이블이 앞으로 표시됩니다.

CTA는 한쪽에 정보가 있는 작은 이미지를 표시하고 다른쪽에 두 개의 버튼을 표시합니다. 버튼은 다양한 앱 스토어의 이미지를 위한 자리 표시자입니다.

전체 너비 배경 이미지 위에 숫자 카운터와 함께 앱 통계가 표시됩니다.

증명서

Divi 앱 하위 테마 사용 후기 섹션에는 스타일이 지정된 인용 아이콘, 원 이미지, 텍스트, 이름 및 제목이 있는 카드로 3개의 사용자 리뷰가 표시됩니다. 제목은 다음 섹션의 배경과 같이 하위 테마의 다른 섹션에서 가져온 색상을 사용합니다. 이 섹션으로 스크롤하면 카드가 나타납니다.

자주하는 질문

FAQ는 측면에서 슬라이드되어 섹션보다 약간 밝은 배경으로 스타일이 지정된 토글 내에 답변을 표시합니다. 배경색은 하위 테마에 있는 다른 요소의 일부 하이라이트와 일치합니다. 또한 독자의 관심을 끌기 원하는 모든 유형의 이미지를 사용할 수 있는 자리 표시자 이미지가 포함되어 있습니다.

클라이언트

클라이언트 섹션은 클라이언트의 로고를 표시할 수 있는 전체 너비 영역을 제공합니다. 로고는 이미지 모듈입니다. 이 섹션으로 스크롤하면 한 번에 하나씩 나타납니다.

연락하다

Divi App 하위 테마의 연락처 섹션은 FAQ 섹션과 일치하는 빨간색 배경 위에 여러 요소를 표시합니다. 첫 번째 부분에서는 스타일이 지정된 연락처 양식과 2열 행의 연락처 정보를 포함하는 연락처 정보를 소개합니다. 정보는 스타일이 지정된 아이콘과 텍스트를 표시합니다. 각 요소는 아래쪽에서 제자리로 뒤집힙니다.

뉴스레터 부분에는 스타일이 지정된 이메일 양식과 소셜 미디어 팔로우 아이콘이 있는 제목과 짧은 설명이 표시됩니다. 이러한 요소는 제자리에 페이드(또는 페이드 해제)됩니다.

Divi 앱 어린이 테마 메뉴

메뉴는 홈페이지의 각 주요 섹션을 포함합니다. 여기에는 URL로 다른 섹션의 앵커가 포함되므로 클릭하면 각 메뉴 링크가 섹션으로 스크롤됩니다.

앵커는 이미 홈페이지의 CSS ID 필드에 추가되어 있습니다. 메뉴 링크의 이름을 변경하는 경우 해당 섹션의 고급 탭에서 CSS ID도 일치하도록 변경해야 합니다.

Divi 앱 구매처

Divi Marketplace에서 Divi 앱 하위 테마를 $19에 구입할 수 있습니다. 여기에는 무제한 사용과 1년의 지원 및 업데이트가 포함됩니다.

마무리 생각

이것이 Divi App 하위 테마에 대한 우리의 모습입니다. 이 한 페이지 하위 테마에는 앱의 기능을 보여주기 위한 많은 요소가 있으며 방문자가 구매할 수 있는 여러 CTA를 제공합니다. 많은 요소에는 스타일을 지정하고 모바일에서 표시되는 방식을 제어하는 ​​CSS 클래스가 포함되어 있어 모든 유형의 장치에서 잘 작동합니다. 저렴한 가격에 심플한 어린이 테마입니다. 앱의 기능을 강조하는 간단한 1페이지 하위 테마에 관심이 있다면 Divi 앱을 고려해 볼 가치가 있습니다.

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

Julia Tim/Shutterstock.com을 통한 주요 이미지