DiviHvac 차일드 테마 개요

DiviHvac은 HVAC 회사를 염두에 두고 설계된 Divi의 어린이 테마입니다. 12개의 기본 페이지, 사용자 정의 머리글 및 바닥글, 사용자 정의 슬라이드인, CSS, 굵은 색상 등이 제공됩니다. 이 기사에서는 DiviHvac 하위 테마를 살펴보고 이것이 귀하의 요구에 적합한 하위 테마인지 결정하는 데 도움이 될 것입니다.

DiviHvac 하위 테마 설치

설치는 수동으로 수행됩니다. 이것은 어렵지 않으며 제품 페이지의 문서에서 단계별로 안내합니다. Divi가 활성화된 상태에서 DiviHvac 하위 테마를 업로드하고 활성화합니다. 활성화되면 하위 테마와 함께 제공된 추가 파일의 압축을 풀고 테마 옵션, 테마 빌더, 테마 사용자 지정 프로그램 및 Divi 라이브러리로 가져와야 합니다. 또한 메뉴를 만들고 홈 페이지를 수동으로 설정해야 합니다.

이 모든 단계는 간단하지만 원 클릭 솔루션인 경우보다 몇 분이 더 걸립니다. 지침을 따르기 쉽고 파일에 레이블이 잘 지정되어 있어 도움이 됩니다.

DiviHvac 페이지

DiviHvac 하위 테마는 13개의 레이아웃을 추가하여 페이지를 생성합니다. 수동으로 생성해야 합니다. 여기에는 이미지와 자리 표시자 이미지가 포함됩니다. 그 중 몇 가지를 살펴보겠습니다.

DiviHvac 어린이 테마 홈페이지

DiviHvac 홈페이지는 복잡하고 우아한 디자인을 만드는 많은 모듈을 포함합니다. 영웅 섹션에는 CTA로 스타일이 지정된 문의 양식이 포함되어 있습니다. 삼각형은 텍스트 모듈에서 CSS로 생성됩니다.

레이아웃은 전체적으로 볼드한 빨강, 흰색 및 파랑을 많이 사용합니다. 영웅 섹션에는 전체 화면 배경 이미지, 왼쪽에는 서비스를 볼 수 있는 버튼이 있는 메시지, 오른쪽에는 서비스 요청을 위한 문의 양식이 포함됩니다.

서비스

서비스는 서비스 페이지에 대한 링크로 자세한 설명 및 이미지와 함께 표시됩니다. 이미지에는 마우스 오버 시 이미지를 표시하는 오버레이가 포함됩니다. 이 섹션에는 CSS로 만든 모서리에 삼각형 구분선이 포함되어 있습니다.

특정 서비스는 배경 이미지 위에 카드로 표시됩니다. 카드는 이미지, 텍스트, 구분선 및 버튼으로 만들어집니다. 할인을 표시하기 위해 이미지 모서리에 삼각형이 포함됩니다.

회사 고용의 이점에 대한 섹션은 중앙에 기술자의 이미지에 대한 자리 표시자와 함께 글머리 기호로 정보를 표시합니다. 나는 이러한 레이아웃에서 색상, 타이포그래피 및 공백을 사용하는 것을 좋아합니다.

후기는 배경 이미지 위의 선명한 CTA 옆에 나타납니다. 여기에는 사이트와 일치하도록 스타일이 지정된 테두리가 포함됩니다. 평가 아래에는 특별 프로모션으로 연결되는 슬림 CTA가 있습니다. 빨간색과 파란색이 잘 나타납니다.

프로젝트

과거 프로젝트에 대한 섹션은 프로젝트 페이지에 대한 링크가 있는 전체 화면 배경 이미지와 오버레이에서 프로젝트를 볼 수 있는 버튼이 있는 그리드의 이미지를 표시합니다.

쿠폰은 배경 이미지가 있는 카드로 표시됩니다. 이들은 빨간색 오버레이가 있는 스타일이 지정된 배경 위에 배치됩니다. 이것은 인센티브를 제공하는 좋은 방법입니다.

블로그 섹션에는 모서리에 삼각형이 있는 스타일이 지정된 카드가 표시됩니다.

CTA

다음은 전각 CTA와 한 면에는 연락처 정보가 있고 다른 면에는 지도가 있는 2열 섹션입니다. 지도에는 삼각형 모서리가 포함되어 있습니다.

DiviHvac 어린이 테마 회사 소개 페이지

회사 소개 페이지는 홈페이지의 여러 섹션을 사용합니다. 한 면에는 이미지가 있고 다른 면에는 텍스트가 있는 회사에 대한 섹션을 추가합니다. 번호가 매겨진 광고 문구는 특정 정보를 제공합니다. 사명 선언문은 대체 레이아웃의 회사 정보와 일치합니다. 클라이언트 로고는 눈에 띄는 제목과 함께 전각 섹션에 배치됩니다.

DiviHvac 프로젝트 페이지

프로젝트 페이지의 눈에 띄는 섹션은 프로젝트 갤러리입니다. 텍스트와 버튼은 사이트의 나머지 부분과 일치하도록 스타일이 지정되며 마우스를 올리면 오버레이가 제거됩니다.

DiviHvac 단일 프로젝트 페이지

단일 프로젝트 페이지에는 프로젝트의 정보, 통계 및 이미지가 있는 섹션이 있습니다. 여기에는 약속을 잡기 위한 CTA도 포함됩니다.

DiviHvac 서비스 페이지

서비스 페이지에는 이미지, 텍스트, 구분선 및 버튼 모듈로 만든 카드가 있는 서비스가 표시됩니다.

DiviHvac 단일 서비스 페이지

단일 서비스 페이지는 서비스를 요청하기 위한 양식이 있는 서비스에 대한 세부사항을 위한 컨텐츠 영역을 제공합니다.

DiviHvac 블로그 페이지

블로그 아카이브 페이지는 블로그 게시물을 이미지, 제목, 메타, 발췌 및 더 읽기 버튼이 있는 카드로 표시합니다.

DiviHvac 블로그 레이아웃

블로그 게시물 레이아웃은 제목, 메타, 추천 이미지 및 콘텐츠를 스타일이 지정된 사이드바와 함께 단일 열에 표시합니다.

DiviHvac FAQ 페이지

FAQ 페이지는 질문을 주제로 나눕니다. 질문은 토글 내에서 답변됩니다. 이 페이지에는 서비스 요청 양식도 포함되어 있습니다.

DiviHvac 어린이 테마 사용후기 페이지

회원 평가는 진한 파란색 배경, 별 등급, 제목, 구분선 및 텍스트가 포함된 카드 안에 배치됩니다.

DiviHvac 어린이 테마 쿠폰 페이지

대담한 색상과 함께 쿠폰 페이지는 이 Divi 하위 테마를 돋보이게 하는 요소 중 하나입니다. 쿠폰은 인센티브로 제공됩니다. 여러 텍스트 모듈로 만들어지며 쉽게 사용자 지정할 수 있습니다.

DiviHvac 어린이 테마 문의 페이지

연락처 페이지에는 이미지 옆에 스타일이 지정된 연락처 양식과 연락처 정보 및 지도가 있는 행이 있습니다.

DiviHvac 어린이 테마 감사 페이지

;

감사 페이지는 연락처 양식을 사용하는 모든 사람에게 메시지를 제공하는 리디렉션된 페이지로 사용할 수 있습니다. 이것은 당신이 그들의 메시지를 받았고 무엇을 기대해야 하는지를 그들에게 알리는 데 좋습니다. 메시지는 간단하고 디자인은 웹사이트의 나머지 부분에 적합합니다.

DiviHvac 테마 빌더 레이아웃

테마 빌더 레이아웃에는 전체 머리글과 바닥글, 카테고리 페이지, 404 페이지가 포함됩니다.

헤더

전역 헤더에는 여러 행이 포함됩니다. 맨 위 행에는 로고용 이미지 모듈, 정보용 문구, 전화번호용 텍스트가 포함되어 있으며 그 다음에는 전폭 메뉴가 있습니다. 이 레이아웃은 또한 태블릿 및 휴대폰에 대한 더 간단한 메뉴를 제공합니다.

다음은 시각적 보기의 헤더입니다. 모바일용은 하단에 회색으로 표시됩니다.

다음은 프론트엔드에 있는 메뉴입니다. 여기에는 드롭다운 메뉴에 대한 스타일 지정과 화면 오른쪽에 유지되는 고정 버튼(슬라이드 인)이 포함됩니다. 정사각형 이미지를 원하는 이미지나 아이콘으로 바꿀 수 있습니다.

마우스를 가져가면 슬라이드인 고정 버튼이 있습니다. 버튼이 있는 CTA로 작동하고 감사 페이지로 리디렉션됩니다.

Slide-in 기능은 전역 헤더와 텍스트 및 하단 모듈의 행에 CSS 클래스가 추가되어 고정 버튼이 생성됩니다.

보행인

글로벌 바닥글은 전문 섹션으로 제작되었으며 이미지, 텍스트, 소셜 팔로우 및 3행의 버튼을 포함합니다.

다음은 시각적 보기에서 보는 방법입니다.

홈페이지에서 보면 이렇습니다.

404 페이지

404 페이지는 전폭 헤더로 제작되었습니다. 다음은 시각적 보기에서 보는 방법입니다. 이 페이지에는 전역 머리글과 바닥글도 포함됩니다.

DiviHvac 구매처

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

마무리 생각

Mark Hendriksen의 DiviHvac 하위 테마를 살펴보겠습니다. 이 테마에는 서비스와 프로젝트를 보여주는 많은 페이지가 있습니다. 쿠폰 및 감사와 같은 여러 페이지는 고유합니다. 대담한 빨강 및 파랑 스타일은 페이지를 돋보이게 하면서도 전문적인 느낌을 줍니다. 설치 및 수리를 수행하는 HVAC 회사를 위해 설계되었지만 이 설계는 모든 유형의 계약자 또는 수리 웹사이트에 적합합니다.

우리는 당신의 의견을 듣고 싶습니다. DiviHvac 하위 테마를 사용해 보셨습니까? 의견에 대해 어떻게 생각하는지 알려주십시오.

Seahorse Vector / Shutterstock.com을 통한 추천 이미지