Divi 플러그인 하이라이트: Divi Plus

Divi Plus는 Divi Builder에 40개 이상의 모듈과 많은 새로운 기능을 추가하는 Divi용 타사 플러그인입니다. 이 Divi 플러그인 하이라이트에서는 Divi Plus가 Divi 도구 상자에 적합한 플러그인인지 결정하는 데 도움이 되는 기능을 살펴보겠습니다.

디비 플러스 설정

플러그인 설치는 간단합니다. 업로드하고 활성화하기만 하면 됩니다. 일단 설치되면 여러 기능을 활성화하고 싶을 것입니다. WordPress 대시보드에서 설정 > Divi Plus 로 이동합니다. 일반 탭을 사용하면 Divi Builder에서 사용할 수 있는 모듈을 선택할 수 있습니다. 기본적으로 모두 선택되어 있으므로 이 탭을 그대로 둘 수 있습니다.

확장 탭에는 몇 가지 옵션이 있습니다. 여기에서 섹션, 행, 열 및 모듈에 대해 Divi 라이브러리 단축 코드, 스케줄러, 가시성 관리자 및 입자 배경을 활성화할 수 있습니다. 이 모든 것은 기본적으로 비활성화되어 있습니다. 통합 탭에서는 Facebook API와 Twitter 사용자 이름을 추가할 수 있습니다.

Divi 라이브러리 단축 코드

Divi Library Shortcodes는 라이브러리의 모든 레이아웃에 단축 코드를 추가합니다. 이 단축 코드를 복사하여 단축 코드를 사용할 수 있는 Divi 웹사이트의 아무 곳에나 붙여넣을 수 있습니다. 모듈, 사이드바 등에 해당 레이아웃을 표시합니다.

DP 스케줄러

스케줄러를 사용하면 날짜와 시간을 기준으로 섹션, 행, 열 또는 모듈이 표시되는 시기를 결정할 수 있습니다. 콘텐츠를 표시하거나 숨기고 시작 날짜와 시간을 선택하도록 합니다. 고급 탭의 가시성 설정에 추가됩니다.

DP 가시성 관리자

Visibility Manager를 사용하면 사용자의 상태에 따라 섹션, 행, 열 또는 모듈을 표시하거나 숨길 수 있습니다. 모든 사용자, 로그인한 사용자 또는 로그아웃한 사용자에게 표시합니다. 고급 탭의 가시성 설정에 추가됩니다.

DP 입자 배경

Particle Background 설정은 Section 설정의 Background 영역에 추가됩니다. Visual Builder에서 배경이 보이지 않습니다. 입자 유형, 수, 밀도, 크기, 색상, 연결된 선 옵션, 이동 옵션, 상호 작용 등을 선택할 수 있습니다.

내 섹션의 배경에서 눈에 띄도록 입자의 수와 크기를 늘렸습니다. 이 위에 행과 모듈을 배치할 수 있습니다.

DP Plus 맞춤형 포스트 유형

두 가지 새로운 사용자 정의 게시물 유형이 WordPress에 추가되었습니다. 빌더 탭의 테마 옵션에서 이러한 게시물 유형에 대해 Divi 빌더를 활성화할 수 있습니다. 플러그인은 4개의 모듈을 추가하므로 새로운 사용자 정의 게시물 유형을 그리드로 표시하거나 슬라이더 내에 표시할 수 있습니다.

DP 추천사

다음은 DP 후기에 대한 예시 게시물 목록입니다.

DP 팀원

다음은 DP 팀원을 위한 예시 게시물 목록입니다.

Divi Plus 모듈

Divi Plus는 Divi Builder에 40개 이상의 모듈을 추가합니다. 눈에 띄는 몇 가지 모듈을 살펴보겠습니다.

DP 아약스 검색

Ajax 검색은 페이지를 다시 로드하지 않고도 검색 결과를 팝업으로 보여줍니다.

다음은 입력할 때 자동으로 결과를 표시하는 Ajax 검색입니다. 검색 상자에 바깥쪽 상자 그림자를 주고 결과 창에 안쪽 상자 그림자를 주었습니다.

DP 이동 경로

Breadcrumbs는 선택할 수 있는 두 가지 레이아웃을 제공하며 새 탭에서 링크를 열 수 있습니다.

DP 영업시간

업무 시간에는 각 요일에 대한 하위 모듈이 포함됩니다. 이름과 시간을 입력할 수 있으며 메인 모듈에서 모두 스타일을 지정하거나 하위 모듈에서 개별적으로 스타일을 지정할 수 있습니다.

DP 버튼

DP 버튼에는 여러 유형의 버튼을 생성할 수 있는 하위 모듈이 있습니다. 텍스트를 표시하거나 아이콘을 추가합니다. 또한 보조 텍스트를 추가합니다. 각 요소는 독립적으로 스타일을 지정할 수 있습니다. 이 예에서는 아이콘을 추가하고 색상을 변경하고 배경을 추가하고 테두리를 둥글게 만들고 텍스트 그림자를 추가하고 보조 텍스트를 추가하고 색상을 변경했습니다. 버튼을 스택 대신 인라인으로 표시하도록 설정할 수도 있습니다.

DP 콘텐츠 토글

콘텐츠 토글을 사용하면 두 개의 콘텐츠를 추가한 다음 그 사이를 전환할 수 있습니다. 콘텐츠는 텍스트 또는 Divi 레이아웃일 수 있습니다. 각 요소의 스타일을 독립적으로 지정할 수 있습니다.

다음은 두 번째 콘텐츠를 표시하는 토글입니다. 콘텐츠는 모듈을 배치한 열에 맞습니다.

DP FAQ페이지 스키마

FAQPage 스키마 모듈에는 FAQ를 생성하기 위한 하위 모듈이 포함되어 있습니다. 그들은 아코디언처럼 작동합니다. 즉, 사용자가 다른 FAQ를 선택하면 열려 있는 것이 닫힙니다. 열기/닫기 애니메이션에 흥미로운 슬라이딩 효과가 있습니다. FAQ에는 텍스트, 미디어, 코드 등을 추가할 수 있는 편집기가 포함되어 있습니다.

DP 폼 스타일러

Form Styler를 사용하면 Contact Form 7 또는 Caldera Forms에서 양식을 선택한 다음 Divi 스타일 옵션으로 스타일을 지정할 수 있습니다. 양식의 개별 요소를 스타일링하기 위한 옵션의 수는 인상적입니다. 이 예에서는 정렬을 가운데로 설정하고 레이블의 글꼴 두께를 조정하고 필드와 버튼의 모서리를 둥글게 만들고 필드에 상자 그림자를 추가했습니다. 또한 배경 이미지와 오버레이로 버튼의 스타일을 지정하고 글꼴 크기를 늘리고 글꼴 색상을 변경했습니다.

DP 핫스팟

핫스팟을 사용하면 이미지에 마커를 추가할 수 있습니다. 마커에는 마우스 오버 시 툴팁을 표시하는 호버 옵션이 있습니다. 아이콘, 텍스트 또는 이미지일 수 있습니다. 툴팁은 텍스트 또는 Divi 라이브러리의 레이아웃일 수 있습니다. 아이콘을 선택하고 위치를 조정하고 색상, 크기 등을 변경합니다.

하단의 아이콘을 텍스트로 바꾸고 툴팁으로 Divi 레이아웃을 추가했습니다. 레이아웃에는 텍스트 모듈과 버튼이 포함됩니다. Divi Plus 모듈은 이러한 레이아웃에서도 사용할 수 있습니다.

DP 방법 스키마

How To Schema 모듈에는 도구, 소모품, 소요 시간 및 만드는 방법을 추가하기 위한 설정이 포함되어 있습니다. 각 단계는 하위 모듈로 추가됩니다. 도구 및 소모품, 시간 및 비용과 같은 요소에는 하위 섹션이 있으며 원하는 만큼 추가할 수 있습니다. 각 요소는 독립적으로 스타일을 지정할 수 있습니다.

DP 모달

DP Modal은 트리거로 제어할 수 있는 팝업을 생성합니다. 트리거는 요소 클릭, 페이지 로드 시 또는 이탈 의도일 수 있습니다. 버튼, 이미지, 아이콘, 텍스트, CSS ID 또는 CSS 클래스일 수 있습니다. 모듈 내에서 머리글, 본문 및 바닥글을 만듭니다.

트리거를 클릭하면 배경이 회색으로 표시되고 모달이 나타납니다. 다음은 기본 스타일을 사용하여 만든 모달입니다.

많은 스타일링 옵션을 제공합니다. 트리거, 머리글 텍스트, 바닥글, 닫기 아이콘, 닫기 버튼에 스타일을 추가하고 본문에 이미지를 추가했습니다. 두 버튼 모두 호버 스타일을 포함합니다.

DP 이미지 돋보기

이미지 돋보기를 사용하면 레이아웃 내에 이미지를 배치할 수 있으며 방문자가 이미지 위로 마우스를 가져가면 마우스가 이미지의 확대된 영역을 표시합니다. 이렇게 하면 이미지의 확대된 부분을 볼 수 있습니다. 렌즈 크기, 속도, 테두리 너비, 테두리 색상을 설정할 수 있습니다.

DP 팀 슬라이더

팀 슬라이더는 상단에 팀 구성원의 이미지, 바 카운터로 표시된 기술, 하단에 소셜 네트워크 아이콘과 함께 팀 구성원을 표시합니다. 각 요소는 별도로 스타일을 지정할 수 있습니다. 이미지에 테두리와 상자 그림자를 추가했습니다.

DP 회원 평가 그리드

추천 그리드는 추천 게시물 유형을 두 가지 레이아웃 중 하나로 표시합니다. 첫 번째는 하단에 이미지를 표시합니다. 두 번째는 상단에 이미지를 표시합니다. 표시할 요소를 제어할 수 있습니다. 열 수를 선택하고 등급, 이미지, 이름 등을 표시합니다.

DP 타임라인

타임라인 모듈은 서브모듈의 내용을 타임라인에 배치합니다. 각 모듈에 제목과 본문 내용을 추가합니다. 항목을 번갈아 가며 타임라인의 한쪽에 배치할 수 있습니다. 레이아웃 옵션에는 아이콘 트리 또는 날짜 트리가 포함됩니다.

이것은 날짜 트리입니다. 이미지를 추가하고 콘텐츠를 트리 오른쪽에 표시하도록 레이아웃을 설정했습니다.

디비 플러스 구매

Divi Plus는 Divi Marketplace에서 구입할 수 있습니다. 무제한 웹사이트 사용과 1년의 지원 및 업데이트가 있습니다. 또한 20개의 전체 페이지 레이아웃과 200개의 스타일 섹션이 포함되어 있습니다. 정상가는 $79입니다.

마무리 생각

이것이 Divi Plus의 모습입니다. 이 플러그인은 Divi에 새로운 모듈과 기능을 많이 추가합니다. 모든 모듈과 설정이 사용하기 쉽다는 것을 알았습니다. 이 기사에서 모듈 중 일부만 살펴보았지만 모든 모듈과 확장이 Divi 디자인에 가치 있는 기능과 전문적인 세련미를 추가할 수 있다는 것을 쉽게 알 수 있습니다. Divi에 수많은 새로운 기능을 추가하고 싶다면 Divi Plus를 시작하는 것이 좋습니다.

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

Sky를 통한 추천 이미지 / Shutterstock.com