디비 슈프림 Divi에 많은 새로운 기능과 모듈을 추가하는 타사 플러그인입니다. 25 개의 모듈, 5 개의 확장 및 위젯을 추가하여 이미 Divi에서 제공하는 가능성을 크게 확장합니다. 모듈과 위젯은 Extra 와도 호환됩니다. 이 기사에서는 Divi Supreme을 살펴보고, 무엇을 할 수 있는지, 사용이 얼마나 쉬운 지 살펴 보겠습니다.

Divi Supreme Extensions

Divi 최고 확장

일반 설정 탭에는 Divi에 새로운 기능을 추가하는 확장을 활성화 할 수있는 XNUMX 개의 스위치가 있습니다. 여기에는 콘텐츠 예약, Divi 템플릿 사용, 팝업 열기, 더 많은 콘텐츠 읽기, 라이브러리 단축 코드 추가 기능이 포함됩니다.

계획된 내용

기획 내용

예약 된 콘텐츠는 섹션, 라인 및 모듈의 고급 탭에 새 옵션을 추가하여 날짜와 시간을 표시하거나 숨기고 선택할 수 있습니다.

모델

콘텐츠 모델

모델은 옵션에 새로운 옵션을 추가합니다. 디비 테마 포스트 유형 통합을 위해. 이를 통해 Visual Builder로 상단 머리글, 바닥글 및 404 페이지를 작성할 수 있습니다.

Divi 템플릿

템플릿이라는 새 메뉴 항목이 Divi Supreme 메뉴에 추가됩니다. 여기에 템플릿 목록이 표시되고 새 템플릿을 만들 수있는 버튼이 제공됩니다. 퍼머 링크를 재 등록하라는 메시지도 표시됩니다. 이 작업을 수행하는 것은 좋지 않지만 적어도 루프를 유지하는 알림이 있습니다.

Divi 템플릿 구성

템플릿은 템플릿을 할당 할 수있는 드롭 다운 목록이있는 새로운 사용자 지정 게시물 유형입니다. 기본 바닥 글을 제거하고 Divi 빈 페이지 템플릿에 템플릿을 표시 할 수도 있습니다.

표시

텍스트 모듈 구성

Supreme Popup은 모듈에 팝업 옵션을 추가합니다. 팝업 유형, 라이브러리 레이아웃, 트리거, 시작 및 종료 애니메이션, 배경색을 선택하고 닫기 버튼을 표시 한 다음 닫기 버튼의 색상과 아이콘을 선택합니다. 이탈 의도, 사용자 지정 가능한 지연 및 사용자 지정 쿠키를 포함하여 7 개의 트리거가 있습니다.

더 많은 내용 읽기

Divi 콘텐츠 섹션

콘텐츠 읽기 기능이 일부 모듈에 추가되어 일부 콘텐츠를 숨기고 링크를 클릭하면 표시 할 수 있습니다. 모바일에서만 버튼을 표시하고, 높이를 줄이고, 읽고 닫을 텍스트를 입력하고, 글꼴 스타일을 지정하고, 링크에 사용자 정의 CSS를 추가 할 수 있습니다.

짧은 코드 라이브러리

단축 라이브러리

Shortcode 라이브러리는 각 레이아웃에 대한 단축 코드와 함께 Divi 라이브러리에 열을 추가합니다. 이 짧은 코드를 사용하여 Divi 레이아웃을 Divi 모듈 또는 테마의 PHP 파일에 추가 할 수 있습니다.

기타 탭

기타 탭

기타 탭에는 모든 항목을 제거하는 옵션이 있습니다. données 플러그인을 삭제하면 Divi Supreme.

Divi 라이브러리 위젯

Divi 라이브러리 위젯

라이브러리 위젯은 라이브러리의 모든 Divi 레이아웃을 표시 할 수있는 새 위젯을 추가합니다. 특히 사이드 바 및 바닥 글에 대한 레이아웃을 생성하려는 경우 유용합니다.

더 많은 모듈

더 많은 모듈

Divi Supreme은 Divi Builder에 25 개의 새로운 모듈을 추가합니다. 여기에는 Divi 모듈에서 기대하는 모든 기능이 포함되어 있습니다. 자세히 살펴 보겠습니다.

Divi Supreme 소셜 미디어 모듈

소셜 모듈

Twitter 및 Facebook 창에는 Twitter 타임 라인, Facebook 댓글 및 Facebook 피드가 표시됩니다. 기본 피드이지만 변경할 수 있습니다. Facebook 댓글의 색 구성표를 검은 색으로 변경하고 배경을 검은 색으로 설정했습니다.

Divi Supreme Text 모듈

텍스트 모듈

다음은 6 개의 다른 텍스트 모듈에 대한 개요입니다. 여기에는 텍스트 분리기, 그라데이션 텍스트, 타이핑, 셔플 문자, 글리치 텍스트 및 텍스트 배지가 포함됩니다. 구분자 텍스트는 여러 스타일을 제공합니다. 기간, 색상 등을 조정할 수 있습니다. 거의 모든 텍스트 모듈의.

이미지 모듈의 예

이미지 모듈의 예

다음은 6 개의 이미지 모듈입니다. 여기에는 시각적 호버, 텍스트 표시 (호버 텍스트 표시), 기울기, 이미지 (기울기 및 기울기 제어 포함), 회전식 이미지 및 부동 이미지가 포함됩니다. 호버 모드와 텍스트 모드는 모두 호버시 다른 콘텐츠를 표시합니다.

다른 부가 기능

기타 모듈

다른 모듈에는 근무 시간, 별 등급 (등급 척도, 표시 유형, 별 크기 등 선택), 메뉴 (탐색 메뉴를 선택하고 여러 스타일 중에서 선택)가 포함됩니다. 목록), 구글 맵, 버튼, Flipbox, 디바이더 아이콘 등 가격표. 카드는 사용하기 쉽습니다. 주소를 입력하고 확대 / 축소 수준을 선택하기 만하면됩니다. API 키가 필요하지 않습니다. 이는 특히 레스토랑과 같은 비즈니스에 유용합니다.

Divi Supreme의 예

몇 가지 예제 렌더링 템플릿

이 예에서는 Coffee Shop 레이아웃을 사용하고 메뉴 항목 중 하나를 이미지, 텍스트 구분 기호, 가격 목록 및 별 등급을 포함한 Divi Supreme 모듈로 대체했습니다. 우리는 그것들을 디자인에 맞게 디자인했습니다.

Divi 최고 모듈 가격표

이를 위해 우리는 Divi Supreme Price List 모듈만으로 음식 메뉴를 만들었습니다. 각 항목은 자체 하위 모듈이며 목록에 표시됩니다. 사진, 제목, 설명, 구분선 및 가격의 색상과 크기를 조정했습니다. 가격표 왼쪽의 이미지를 조정합니다. 음식 메뉴를 만드는 좋은 방법입니다.

완전한 설계 예

이를 위해 이미지를 Divi Supreme Image 캐 러셀로 교체했습니다. 이미지 사이의 공간을 제거하여 서로 닿도록하고 화살표에 배경을 추가하고 화살표의 크기를 늘 렸습니다. 나는 그것들을 그림 안에 넣고 색상과 크기를 변경했습니다.

포인트 내비게이션도 포함되어 있습니다. 시간과 연락처 정보를 보여주는 텍스트 모듈을 영업 시간 모듈로 교체하고 프레젠테이션에 적용했습니다. 날짜와 시간에 국한되지 않으므로 모든 유형의 텍스트에서 작동합니다. 우리는 또한 하단에 Google지도를 추가했습니다. 연락처 정보를 작성하는 데 도움이됩니다.

두 번째 디비 디자인 예제

이 예제에서는 입력 모듈을 사용하여 새 텍스트 상자를 추가합니다. 또한 오버레이 된 이미지를 Divi Supreme Image 모듈로 교체하고 Rotation Y 효과를 추가했으며 원본 이미지의 겹침을 포함했습니다.

템플릿 확장을 사용하여 머리글과 바닥 글을 추가하여 모든 페이지와 게시물에 자동으로 나타나는 사용자 지정 글로벌 머리글과 바닥 글을 만들었습니다. 머리글과 바닥 글은 라이브러리 레이아웃의 요소입니다. 메뉴와 바닥 글을 이러한 레이아웃으로 대체했습니다.

오버레이 이미지 보정

여기에서는 더 많은 텍스트를 표시 할 수 있지만 사용자가보고 싶을 때만 표시 할 수 있도록 더 읽기 링크를 추가했습니다. 색상 및 크기에 대한 기본 설정이지만 높이를 144 픽셀로 설정했습니다.

Divi Supreme 문서 및 지원

Divi 최고 문서 및 지원

문서 에 제공된다 사이트 웹 편집자의. 플러그인 설정에 이 페이지에 대한 링크가 있습니다. 여기에는 플러그인 설치 및 사용 방법을 알려주는 시작 안내서가 포함되어 있습니다. 완전하지는 않지만 도구가 사용하기 쉽기 때문에 꼭 필요한 것은 아닙니다. 설정 화면의 연락처 버튼을 사용하여 Facebook 그룹과 이메일을 통해 지원이 제공됩니다.

슈프림 디비 어워드

Divi 최고 가격

Divi Supreme에는 두 가지 구매 옵션이 있습니다 :

  • 1 사이트-$ 18
  • 무제한 사이트-$ 59

두 옵션 모두 1 년 지원 및 업데이트, 40 % 갱신 할인 및 6 가지 연장을 포함합니다. Divi Supreme은 DiviSupreme.com .

마무리

Divi Supreme에는 많은 유용한 모듈과 기능이 있습니다. 직관적 인 모든 기능을 발견했습니다. 이러한 추가 기능 및 확장 기능의 잠재력을 쉽게 확인할 수 있습니다. 우리는 Divi Supreme의 가능한 모든 기능을 거의 언급하지 않았습니다. 다른 모드, 컨텍스트 메뉴, 플래너 또는 모든 모드에 Divi 레이아웃을 추가하는 단축 코드도 다루지 않았습니다.