우아한 테마 Divi 2.4 살펴보기

Divi는 현재 가장 강력하고 고급 WordPress 테마인 우아한 테마이며 역사상 가장 큰 업그레이드로 업그레이드되었습니다. Divi는 흥미로운 레이아웃과 콘텐츠 영역을 만드는 데 사용할 수 있는 빌딩 블록을 제공합니다. 텍스트, 슬라이더, 지도, 광고 문구, 아코디언, 가격 구조 등을 추가할 수 있습니다. 필요한 거의 모든 유형의 웹사이트를 만들 수 있습니다. 그리고 당연히 반응이 좋습니다.

저는 Divi가 출시된 첫날부터 Divi 사용자였습니다. 이 기사에서 저는 Divi에 대한 제 생각을 공유하고 버전 2.4의 새로운 기능을 살펴봅니다.

2.4의 새로운 기능

Divi 2.4는 ET의 미래 제품 라인의 기초입니다. 1000개 이상의 모듈 디자인 및 사용자 지정 설정이 있으며 몇 가지 흥미로운 기능을 추가합니다.

• 전역 설정 – 사이트 전체에서 더 쉽게 조정할 수 있습니다.
• Fluid Grid – 페이지 레이아웃에 고정 너비가 없습니다. 유동 격자를 사용하여 자신만의 너비를 만들 수 있습니다.
• 고급 빌더 설정 – 모든 모듈에는 간단한 UI의 고급 CSS 설정이 있습니다.
• Divi 라이브러리 – 고급 레이아웃.

테마 옵션

모든 ET 테마는 epanel이라는 옵션 화면을 사용합니다. 에패널의 기능은 테마의 기능에 따라 달라집니다. Divi의 epanel은 광범위합니다. 로고, 파비콘, 고정 탐색 모음, 첫 번째 이미지 가져오기, 블로그 스타일, 표시할 게시물 수 등과 같은 기본 사항이 있습니다. 다음을 포함하는 많은 옵션이 추가됩니다.

• WooCommerce 쇼핑 페이지
• 메일침프 키
• Aweber 인증
• 소셜 미디어 아이콘
• 소셜 미디어 URL
• 구글 폰트
• 부드러운 스크롤 – 스크롤할 때 다음 행과 그 내용이 페이드 인되도록 합니다.
• 반응형 단축 코드
• 맨 위로 돌아가기 버튼
• 맞춤 CSS
• 그리고 더

탐색 설정에는 페이지, 카테고리, 홈 링크, 드롭다운 메뉴 등이 포함됩니다. 여기에는 레이아웃 설정, 광고 관리, SEO 사용자 정의, 고급 코드 통합 및 문서가 있습니다. epanel에서 많은 사용자 정의를 수행할 수 있습니다.

테마 커스터마이저

테마 사용자 정의 프로그램은 프런트 엔드에서 작동하며 글꼴 크기, 스타일, 행, 버튼, 색상, 애니메이션, 머리글 크기, 바닥글 크기, 배경 이미지 등을 조정하는 많은 슬라이더를 추가합니다. 모든 조정을 수행하고 발생하는 대로 효과를 볼 수 있습니다(WYSIWYG – 보는 것이 얻는 것입니다).

헤더에 연락처 정보와 소셜 링크를 배치할 수 있습니다. 헤더는 중요한 정보를 전면 중앙에 배치하고 독자가 아래로 스크롤할 때 화면에 유지되므로 기업에 특히 좋은 선택입니다. 여기에는 레이아웃과 지형도 포함됩니다. 표준 사용자 정의와 마찬가지로 탐색, 위젯 및 정적 첫 페이지를 선택할 수 있습니다.

태블릿과 휴대폰의 모바일 설정을 조정할 수도 있으며 각각은 다른 모든 설정과 서로 독립적입니다. 모바일 장치를 시뮬레이션하는 화면에서 효과를 볼 수 있으므로 게시하기 전에 어떻게 보이는지 확인할 수 있습니다. 방금 만든 조정으로 사이트가 어떻게 보이는지 확인하기 위해 모바일 장치를 사용할 필요가 없기 때문에 이것은 좋은 기능입니다. 이 포함된 것을 보니 정말 기쁩니다.

모듈 커스터마이저

모듈 사용자 지정 프로그램을 사용하여 프런트 엔드에서 모듈의 모양을 사용자 지정할 수 있습니다. 사용자 정의에는 크기, 너비, 높이 등에 대한 슬라이더가 포함됩니다. 글꼴, 스타일, 애니메이션, 작업 등을 선택할 수도 있습니다.

디비 라이브러리

Divi 라이브러리에는 사용자가 생성한 레이아웃이 포함되어 있습니다. 이 메뉴에서 레이아웃을 편집하고 새 레이아웃을 만들 수 있습니다.

디비 빌더

Divi의 진정한 마법은 Divi Builder를 사용할 때 발생합니다. 비주얼 편집기 위에 있는 Use The Divi Builder 버튼을 선택하여 사용합니다. 이전 버전에는 페이지에서만 작동하는 Page Builder가 있었습니다. Divi Builder는 모든 게시물 유형에서 작동합니다.

• Divi는 또한 편집기에 게시물 설정을 추가하여 원하는 경우 페이지 레이아웃, 점 탐색, 탐색 숨기기 및 각 게시물의 게시물 제목을 숨길 수 있습니다.

페이지 레이아웃을 로드하거나 기본 레이아웃을 수정할 수 있습니다. 레이아웃은 행과 열이 있는 섹션으로 구성됩니다. 그런 다음 모듈이 열에 배치됩니다. 섹션, 행, 열 또는 모듈을 끌어다 놓아 레이아웃을 변경할 수 있습니다.

섹션

섹션을 추가, 삭제, 복제 및 수정할 수 있습니다. 배경이 어떻게 보이고 반응하는지 수정하고, 배경 이미지를 추가하고, 배경을 투명하게 만들고, 색상을 선택하고, 비디오를 재생하고, 전체 크기를 선택하고, 다른 플레이어가 일시 중지할 수 있는지 여부, 내부 그림자가 있는지 여부를 선택할 수 있습니다. , 시차 효과를 사용하는 경우 특수 CSS를 설정합니다. 이 설정을 사용하여 동일한 단순한 레이아웃을 독특하게 만들 수 있습니다.

동일한 행, 모듈, 콘텐츠 및 설정으로 완성된 각 섹션의 복제본을 생성할 수도 있습니다. 물론 원하는 대로 새 섹션을 수정할 수 있습니다.

네 가지 유형의 섹션이 있습니다. 표준 섹션, 전체 너비 섹션, 특수 섹션을 추가하거나 라이브러리에서 추가할 수 있습니다.

행

새 행을 추가하고 기존 행을 수정할 수 있습니다. 그런 다음 열을 행에 배치하여 레이아웃을 구축할 수 있습니다.

열

이 열은 모듈이 추가될 위치입니다. 선택할 수 있는 열 레이아웃은 11가지입니다.

전문 섹션

9개의 특수 열 레이아웃도 있습니다. 여기에는 사이드바에 대한 다양한 옵션이 포함됩니다.

라이브러리에서 로드

미리 정의된 32개의 레이아웃에서 레이아웃을 로드하거나 생성한 레이아웃에서 로드할 수 있습니다. 각각 수정할 수 있습니다. 레이아웃에는 다양한 수의 열, 그리드, 캐러셀, 사이드 바, 홈 페이지, 상점, 기업, 포트폴리오, 블로그, 유지 관리 모드, 출시 예정, 방문 페이지, 판매 페이지, 사례 연구, 제품 기능, 페이지 정보, 연락처 페이지, 쇼핑 페이지 등.

페이지는 행을 배치하고 해당 행 내에 열을 배치한 다음 해당 열에 모듈을 배치하여 구축됩니다. 새 행을 추가하거나 끌어서 놓기로 행을 이동하거나 행을 삭제할 수 있습니다. 미리 만들어진 레이아웃에는 이러한 레이아웃이 이미 있습니다. 저는 Homepage Basic을 선택했고 슬라이더, 헤더, 4개의 광고 문구, 클릭 유도문안이 있는 레이아웃을 제공했습니다.

모듈

모듈은 위젯과 같은 특수 콘텐츠 유형입니다. 새 모듈을 추가하거나 원하는 순서대로 끌어다 놓거나 삭제할 수 있습니다. 다양한 콘텐츠를 추가할 수도 있습니다. 원하는 만큼 모듈을 가질 수 있으며 원하는 조합으로 사용할 수 있습니다. 동일한 모듈을 사용하는 횟수에는 제한이 없습니다. 예를 들어 화면 전체에 지도를 표시하려면 원하는 만큼 지도 모듈을 추가하면 됩니다.

40개의 모듈이 있습니다.

웹 사이트에 대한 흥미로운 레이아웃과 기능을 만들 수 있는 충분한 모듈입니다. 모듈은 Divi의 강점 중 하나입니다. 열에 모듈을 배치하면 말 그대로 고유한 레이아웃을 만들 수 있습니다. 모듈을 사용하여 Divi를 사용하면 원하는 모든 종류의 사이트를 만들 수 있습니다.

각 모듈에는 고유한 설정이 있습니다. 대부분 편집기, 고급 디자인 설정 및 CSS 설정이 있으므로 콘텐츠를 추가하고 모양과 느낌을 수정할 수 있습니다. 다음은 몇 가지 모듈과 그 기능을 살펴보겠습니다.

텍스트

텍스트는 텍스트 색상 및 방향, 고급 디자인 설정(너비, 높이, 색상, 여백 등을 위한 슬라이더) 및 사용자 정의 CSS에 대한 기본 편집기 및 선택 항목을 제공합니다. 대부분의 모듈에는 이러한 기능 또는 유사한 기능이 포함되어 있습니다.

추천 광고

어떤 콘텐츠를 추가할 수 있는지 알아보기 위해 Blurb를 클릭했습니다. 여기에서 제목, URL을 지정하고 URL 작동 방식을 결정하고 아이콘을 지정하고 색상, 글꼴, 확장자를 선택한 다음 표준 TinyMCE 편집기를 사용하여 콘텐츠를 추가할 수 있습니다. 고급 디자인 설정에는 텍스트 모듈과 동일한 설정이 포함되지만 이미지 설정이 추가됩니다.

지도

지도는 일반 지도(지형 유무에 관계없이)로 표시하거나 위성 보기(레이블 유무에 관계없이)로 볼 수 있는 멋진 지도를 제공합니다. 지도에서 특정 위치를 강조 표시할 수 있도록 핀을 추가할 수 있습니다. 주소를 입력하고 새 핀을 추가하도록 선택하기만 하면 됩니다. 고급 설정은 백분율 제어가 있는 회색조 필터를 제공합니다.

블로그

블로그 모듈은 흥미롭습니다. 원하는 너비의 단일 열에 블로그 게시물을 배치할 수 있습니다. 내가 이것을 좋아하는 이유는 정적인 첫 페이지를 가질 수 있고 여전히 선택한 특정 카테고리의 블로그 게시물을 표시할 수 있기 때문입니다. 원하는 만큼 표시할 수 있으며 발췌문, 저자 이름, 날짜, 범주, 페이지 매김, 추천 이미지, 더 읽기 버튼 등을 표시할 수 있습니다. 이것은 흥미로운 잡지 스타일 레이아웃을 만들 것입니다. 여기에는 텍스트 모듈과 동일한 고급 디자인 설정이 포함되지만 배경색 및 헤더에 대한 몇 가지 추가 설정이 있습니다.

게시물 제목

이것은 새로운 모듈 중 하나입니다. 게시물 제목의 모양을 디자인하고 포함된 것과 포함되지 않은 것을 선택할 수 있습니다. 고급 디자인 기능은 배경색과 같은 몇 가지 추가 설정이 있는 텍스트 모듈과 대부분 동일합니다.

다음은 게시물 제목 모듈의 고급 디자인 설정을 살펴보겠습니다.

Divi를 일반 테마로 사용하기

물론 이러한 기능을 사용할 필요는 없습니다. 다른 테마처럼 Divi를 사용할 수 있습니다. 표준 편집기를 사용하여 epanel에서 원하는 설정을 선택하고 평소와 같은 콘텐츠를 생성하기만 하면 됩니다. 이것은 있는 그대로 사용하기에 충분히 우아한 간단하고 깨끗한 웹 사이트 또는 블로그를 만듭니다.

언어 지원

Divi는 30개 이상의 언어를 기본적으로 지원하며 다른 언어로 번역할 수 있습니다. 여기에는 RTL 언어가 활성화된 경우 오른쪽에서 왼쪽으로 표시되는 프론트 엔드와 빌더가 포함됩니다.

디비 얻기

Divi는 연간 69달러의 비용이 드는 ET 개인 계획의 일부이며 모든 테마, 영구 업데이트, 지원 및 무제한 사용에 대한 액세스를 포함합니다. 구독을 취소하면 ET에서 다운로드한 모든 것을 유지할 수 있습니다.

제 생각에는 Divi만으로도 그만한 가치가 있다고 생각합니다(특히 이 구경의 대부분의 테마가 이보다 훨씬 더 비싸다는 점을 고려할 때). 그러나 여기에 87개의 테마가 포함되어 있고 계산할 때 적어도 1년 동안 우아한 테마에 가입하는 것은 금물입니다. 브레이너.

더 아래로

ET의 의제에 대한 다음 릴리스는 동일한 건물 요소를 공유하지만 잡지 레이아웃에 초점을 맞춘 Extra라는 잡지 테마인 Divi Builder 플러그인과 Divi 3.0입니다. ET가 Divi와 Divi 빌더 플랫폼의 성공을 위해 최선을 다하고 있음이 분명합니다. Divi 2.4를 보았기 때문에 Divi 3.0의 개선 사항과 기능을 상상할 수 없습니다.

Divi 빌더 플러그인

Divi의 한 가지 단점은 페이지 레이아웃을 만든 후에는 페이지와 게시물을 다시 만들지 않고는 테마를 전환할 수 없다는 것입니다. ET는 어떤 테마를 사용하든 레이아웃을 유지하는 무료 플러그인으로 이 문제를 해결했습니다. ET의 테마를 사용하지 않더라도 모든 레이아웃과 모듈을 유지할 수 있습니다. 이 플러그인은 곧 사용할 수 있습니다.

마지막 생각들

Divi는 복잡한 레이아웃을 만들 수 있지만 여전히 사용하기 쉽습니다. 학습 곡선이 크지 않습니다. 요소를 쉽게 추가하고 원하는 위치에 끌어다 놓아 나만의 사용자 지정 레이아웃을 만들고 슬라이더로 모양을 수정할 수 있습니다. 원하는 만큼 복잡하거나 간단할 수 있습니다.

레이아웃을 원하는 대로 가져오는 데 시간이 걸릴 수 있지만 최소한 레이아웃을 템플릿으로 저장하거나 미리 만들어진 레이아웃을 사용하여 개발 시간을 많이 절약할 수 있습니다. 고급 스타일 조정이 그 어느 때보다 쉬워지고 모든 설정에 실행 취소 버튼이 있어 실수를 걱정할 필요가 없습니다. Divi로 만든 사이트는 모든 장치에서 인상적으로 보이며 빠르게 로드됩니다. 저는 Elegant Themes의 Divi 2.4를 적극 추천합니다.

Divi에 대해 자세히 알아보고 여기에서 다운로드하세요.

당신은 어떤가요? 디비 해보셨나요? 당신의 경험이 나와 비슷했습니까? 추가할 사항이 있습니까? 아래 의견에 대해 알려주십시오.