Duriza – Divi 차일드 테마 개요

두리자 디비 차일드 테마는 서비스 업체를 염두에 두고 디자인한 다목적 차일드 테마입니다. 여기에는 12페이지, 아이콘 트리거가 있는 사용자 지정 슬라이더 및 서비스를 함께 연결하는 사이드바 하위 메뉴가 포함됩니다. 이 기사에서는 Duriza가 귀하의 요구에 적합한 Divi 하위 테마인지 결정하는 데 도움이 되도록 자세히 살펴보겠습니다.

Duriza Divi 하위 테마 설치

설치는 간단하지만 따라야 할 몇 가지 단계가 있습니다. 다른 테마처럼 Duriza Divi 하위 테마를 설치하고 활성화합니다. 먼저 Divi가 활성화된 상태에서 테마를 업로드하고 활성화합니다. Duriza의 데모 콘텐츠 설치는 수동으로 수행됩니다. 다행히 지침은 간단하고 명확합니다.

다음으로 Theme Options, Theme Builder, Theme Customizer 및 Divi Library에 대한 설정을 업로드해야 합니다. 이러한 파일은 추가 압축 파일로 제공됩니다. 파일에는 쉽게 식별할 수 있도록 레이블이 지정되어 있습니다. 마지막으로 라이브러리의 레이아웃을 사용하여 홈 페이지와 원하는 다른 페이지를 만들고 메뉴에 추가해야 합니다.

문서는 그리드에 이미지 추가, 드롭다운 및 사이드 메뉴에 화살표 추가, 사이드 메뉴 만들기, 색상 변경 및 라이브러리 레이아웃을 사용하여 블로그 게시물 만들기에 대한 정보를 제공합니다.

이 모든 것이 들리는 것보다 쉽고 지침을 따르기 쉽습니다. 시간이 조금 걸리지만.

두리자 디비 차일드 테마 홈페이지

Duriza 홈 페이지는 많은 텍스트 모듈, 광고 문구, 버튼, 슬라이드, 구분선 및 문의 양식으로 구축되었습니다. 홈 페이지에서 각 섹션을 살펴보겠습니다. 다른 페이지는 유사한 디자인을 사용합니다. 모든 페이지에는 밝은 녹색 하이라이트가 포함되어 있습니다.

Duriza 홈 페이지 영웅 섹션

영웅 섹션에는 페이지로 연결되는 헤더와 큰 이미지가 표시됩니다. 헤더는 테마 빌더에서 생성됩니다. 이미지는 한 면에 큰 이미지가 있고 다른 면에 스택에 두 개의 작은 이미지가 있는 다중 열 레이아웃에 배치됩니다. 그들의 어두운 오버레이는 호버에 밝아집니다. 오버레이에는 제목과 자세한 내용을 읽을 수 있는 링크가 포함됩니다.

두리자 홈페이지 서비스 섹션

서비스 섹션에서는 큰 제목과 짧은 설명으로 서비스를 소개합니다. 서비스는 이미지, 제목 및 버튼을 포함하는 광고 문구와 함께 4개의 열에 표시됩니다. 이 아래에서 서비스는 아래쪽에 제목이 있는 단일 열의 슬라이드로 강조 표시됩니다. 슬라이드에는 상자 그림자가 포함됩니다. 배경에는 왼쪽에 도트 패턴이 포함됩니다. 문서는 이미지를 추가하는 방법을 보여줍니다.

표시되는 슬라이드는 마우스를 가져간 슬라이드에 해당합니다. 이를 수행하기 위해 CSS가 이미 행에 추가되었지만 위의 예에서 수행한 것처럼 CSS 스타일시트에 이미지 URL을 추가해야 합니다. 이미지는 미리 로드되어 전환 효과를 사용하여 마우스를 가져가면 즉시 나타납니다.

슬라이드 사용 방법의 예를 들어 다른 Divi 레이아웃의 이미지 아이콘과 Unsplash의 이미지를 추가했습니다. 이미지는 미리 로드되어 마우스를 가져가면 빠르게 나타납니다. 지침은 이 단계를 안내합니다. 페이지를 새로고침할 때 이미지가 표시되지 않으면 캐시를 지우는 것이 좋습니다. 가장 눈에 띄는 부분 중 하나입니다.

두리자 홈페이지 섹션소개

회사 및 팀 구성원에 대한 정보는 회사 소개 페이지를 볼 수 있는 버튼과 함께 전폭 메시지를 표시합니다. 정보는 한 면에는 큰 이미지가 있고 다른 면에는 팀 구성원 제목이 있는 이중 열 레이아웃으로 표시됩니다. 오른쪽의 이 섹션에 점선 배경 패턴이 나타납니다.

두리자 홈페이지 프로젝트 섹션

프로젝트는 오버레이를 밝게 하는 소개 및 호버 애니메이션과 함께 3열 그리드로 표시됩니다.

두리자 홈페이지 후기 섹션

텍스트 모듈, 구분선 및 버튼은 평가 섹션을 만듭니다. 이 예에서 볼 수 있듯이 에는 제목, 짧은 평가, 평가 페이지로 연결되는 버튼이 표시됩니다. 어두운 회색 배경이 다른 섹션과 구별됩니다. 녹색 하이라이트는 짙은 회색과 잘 어울립니다.

두리자 홈페이지 연락처

연락처 섹션에는 왼쪽 가장자리를 덮는 오버레이가 있는 전체 화면 배경 위에 배치된 두 개의 상자가 있습니다. 연락처 정보는 흰색 배경 위에 텍스트와 아이콘이 있는 첫 번째 상자에 표시됩니다. 평가 섹션과 일치하는 짙은 회색 배경 위에 문의 양식이 표시됩니다. 두 상자 모두 녹색 강조 표시를 포함합니다.

Duriza Divi 어린이 테마 회사 소개 페이지

Duriza Divi 하위 테마 정보 페이지는 측면에 스타일이 지정된 오버레이가 있는 이미지를 포함하는 전체 너비 헤더가 있는 페이지를 소개합니다. 이미지에는 스토리, 비전 및 미션에 대한 행까지 아래로 스크롤되는 링크가 표시됩니다. 이 행은 이미지와 텍스트를 번갈아 가며 표시합니다. 이 페이지에는 홈 페이지의 연락처 섹션도 포함되어 있습니다.

Duriza Divi 어린이 테마 서비스 페이지

Duriza Divi 하위 테마 서비스 페이지는 그리드의 광고 문구 내에 서비스를 표시합니다. 버튼은 개별 서비스 페이지로 연결됩니다. 이 페이지에는 홈 페이지의 연락처 섹션도 포함되어 있습니다.

두리자 디비 차일드 테마 단일 서비스 페이지

단일 서비스 페이지는 왼쪽에 스타일이 지정된 메뉴와 함께 단일 열에 서비스에 대한 정보를 표시합니다. 이 메뉴는 생성할 사용자 정의 위젯을 표시하는 사이드바 모듈과 함께 추가됩니다. 메뉴의 호버 애니메이션은 페이지 이름의 배경을 녹색으로 변경합니다.

Duriza Divi 어린이 테마 사용후기 페이지

Duriza Divi 하위 테마 고객 평가 페이지는 3열 섹션의 텍스트 모듈로 작성된 평가를 표시합니다. 이 예에서 볼 수 있듯이 여기에는 별 등급, 제목, 세부 정보 및 이름이 포함됩니다.

Duriza Divi 어린이 테마 프로젝트 페이지

Duriza Divi 하위 테마 프로젝트 페이지는 텍스트 모듈이 있는 3열 그리드로 프로젝트를 표시합니다. 이미지 위로 마우스를 가져갈 때까지 이미지가 어둡습니다.

두리자 디비 차일드 테마 싱글 프로젝트 페이지

Duriza Divi 하위 테마 단일 프로젝트 페이지는 설명 위에 프로젝트 제목을 표시하고 날짜, 클라이언트, 유형 및 계약자 정보를 오른쪽 목록에 표시합니다. 프로젝트의 이미지가 이 아래에 나타납니다.

두리자 디비 차일드 테마 블로그 페이지

Duriza Divi 하위 테마 블로그 페이지는 오른쪽 사이드바가 있는 단일 열에 게시물을 표시합니다. 게시물에는 추천 이미지, 제목, 발췌문 및 스타일이 지정된 더 읽기 버튼이 표시됩니다. 사이드바의 위젯에는 사이트와 일치하는 스타일이 지정된 상단 테두리와 다른 세 면에 희미한 테두리가 있습니다. 헤더는 페이지를 소개합니다. 마우스를 가져가면 이미지 위에 녹색 오버레이가 나타납니다.

두리자 디비 차일드 테마 싱글 포스트

블로그 게시물은 Divi Builder로 작성되며 전각 게시물 제목, 텍스트, 댓글 및 오른쪽 사이드바를 포함합니다.

프론트엔드에서 디자인이 어떻게 보이는지 보여줍니다. 전체 너비로 표시하고 제목을 표시하지 않도록 Divi 페이지를 설정했습니다. 이렇게 하면 머리글, 바닥글 및 모듈만 표시할 수 있습니다.

Duriza Divi 어린이 테마 연락처 페이지

Duriza Divi 하위 테마 연락처 페이지는 클릭하면 적절한 연락처 정보로 스크롤되는 링크가 있는 이미지를 표시합니다. 연락처 양식의 스타일은 사이트의 나머지 부분과 각 필드 하단의 녹색 테두리와 일치합니다.

Duriza 테마 빌더 레이아웃

Duriza Divi 하위 테마에 대한 Theme Builder 레이아웃에는 기본 템플릿에 대한 전역 머리글 및 바닥글, 모든 카테고리 페이지에 대한 사용자 정의 레이아웃 및 404 페이지에 대한 사용자 정의 레이아웃이 포함됩니다.

두리자 헤더

헤더에는 소셜 미디어가 있는 2개의 섹션과 상단 섹션에 2개의 버튼, 하단 섹션에 메뉴가 포함됩니다. 상단 섹션에는 두 개의 행이 있습니다. 하나는 데스크톱용이고 다른 하나는 휴대폰 및 태블릿용입니다.

Visual Builder는 두 개의 맨 위 행을 모두 표시하므로 작업할 수 있습니다. 전화번호는 버튼이므로 클릭이 가능합니다.

두리자 바닥글

Duriza의 바닥글은 위젯처럼 보이지만 대신 텍스트 및 구분선 모듈로 만들어졌습니다.

그 결과, 위젯만으로는 하기 쉽지 않은 로고, 헤더, 스타일 구분선이 포함된 링크의 바닥글 목록이 생성됩니다.

두리자 모든 카테고리 페이지

모든 카테고리 페이지 템플릿은 블로그 페이지와 동일합니다. 여기에는 전폭 헤더, 블로그 및 사이드바 모듈이 포함됩니다.

두리자 404 페이지

Duriza의 404 페이지의 본문 부분은 전체 너비 헤더 모듈로 생성됩니다. 오버레이에 메시지와 버튼이 있는 전체 화면 배경 이미지를 표시합니다.

Duriza Divi 차일드 테마 구매처

Divi Marketplace에서 Duriza Divi 하위 테마를 $39에 구입하세요. 항상 그렇듯이 Duriza에는 1년 동안 무제한 웹사이트 사용과 업데이트 및 지원이 포함됩니다.

마무리 생각

이것이 Duriza Divi 하위 테마에 대한 우리의 모습입니다. 다목적 하위 테마이지만 홈 페이지에 서비스를 표시하는 사용자 지정 슬라이드와 개별 ​​서비스 페이지에 사용자 지정 하위 메뉴가 있어 서비스 웹 사이트에 탁월한 선택입니다. 12페이지는 서비스와 프로젝트를 보여줄 수 있는 많은 페이지를 제공합니다. 스타일링이 심플하고 깔끔하여 아이 테마에 우아한 디자인을 더해줍니다.

우리는 당신의 의견을 듣고 싶습니다. Duriza Divi 어린이 테마를 사용해 보셨습니까? 아래 의견에서 그것에 대해 어떻게 생각하는지 알려주십시오.

BRO.vector/Shutterstock.com을 통한 추천 이미지