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

Divi Supreme은 Divi Builder에 새로운 기능을 추가하기 위한 많은 설정과 많은 새로운 모듈을 추가하는 Divi용 타사 플러그인입니다. 이 기사에서는 Divi Supreme이 무엇을 할 수 있는지 알아보고 Divi 도구 상자에 필요한 플러그인인지 결정하는 데 도움을 드립니다.

설치

설치는 간단하고 간단합니다.

1. Divi Marketplace에서 플러그인 구매 및 다운로드
2. 플러그인 > 새로 추가 > 플러그인 업로드로 이동합니다.
3. 파일 선택 클릭
4. 컴퓨터에서 플러그인의 zip 파일을 찾아 선택합니다.
5. 지금 설치를 클릭하십시오
6. 활성화 클릭
7. 워드프레스 대시보드에서 Divi Supreme Pro > 라이선스 로 이동하여 라이선스 키를 입력하세요.

일반 설정

Divi Supreme은 여러 탭이 있는 메뉴 화면을 추가하여 원하는 방식으로 설정을 사용자 지정할 수 있습니다. 일반 설정 탭에는 예약된 요소, 팝업, 라이브러리 위젯, 더 읽기 콘텐츠 링크, 라이브러리 단축 코드 및 반응형 뷰어를 활성화하는 토글이 포함되어 있습니다. 그 중 몇 가지를 살펴보겠습니다.

일람표 요소

Scheduled Elements는 정확한 시간이 포함된 달력을 제공하므로 해당 시간에 대해 표시하거나 숨기도록 예약할 수 있습니다. 적용할 사용자를 선택할 수도 있습니다. 이것은 모든 섹션, 행, 열 및 모듈에 추가됩니다.

팝업

팝업 기능이 모듈에 추가됩니다. 팝업 유형을 선택하고, 라이브러리에서 레이아웃을 선택하고, 열기 및 닫기 트리거를 선택하고, 자동 닫기, 인/아웃 애니메이션, 위치, 너비, 오버레이, 닫기 버튼, 아이콘, 색상 등을 선택할 수 있습니다.

더 읽어보기

자세히 보기는 특정 모듈에 대한 링크를 추가하여 클릭 시 해당 콘텐츠를 표시합니다. 모바일에서 링크, 접힌 높이, 텍스트, 글꼴, 색상, 그림자, 사용자 정의 CSS 등을 표시하도록 선택합니다.

라이브러리 위젯

라이브러리 위젯을 사용하면 사이드바, 바닥글 또는 위젯을 사용하는 모든 곳에 Divi 라이브러리의 레이아웃을 배치할 수 있습니다.

이 예는 사이드바의 데모 레이아웃을 보여줍니다. 제가 사용하고 있는 레이아웃은 이 공간을 위해 설계되지 않았지만 Divi 레이아웃을 사용하여 사이드바를 만들 수 있다는 점이 흥미롭습니다.

반응형 뷰어

반응형 뷰어는 더 많은 보기 옵션을 제공하는 빌더 도구 모음에 새로운 도구를 추가합니다. 태블릿 또는 휴대폰 모드를 보도록 선택하면 새 화면 크기가 도구 모음에 추가됩니다. 또한 사용자 정의 크기를 입력할 수 있는 필드를 추가합니다.

쉬운 테마 빌더

Easy Theme Builder를 사용하면 머리글을 구성하고 스크롤할 때 머리글 요소의 색상을 변경하고 축소되는 요소를 사용자 지정할 수 있습니다.

고정 헤더

기본적으로 테마 빌더로 만든 헤더는 사이트와 함께 스크롤됩니다. 위의 예에서 나는 페이지를 아래로 스크롤했고 헤더가 멀리 스크롤되었습니다.

이제 헤더가 고정되었으므로 스크롤할 때 헤더가 제자리에 유지됩니다.

스크롤링

스크롤을 위해 두 섹션의 배경색을 변경했습니다. 스크롤에 표시할 상자 그림자도 추가했습니다.

다음은 스크롤하기 전의 테마 빌더 헤더입니다. 고정으로 설정하고 콘텐츠를 아래로 밀어냅니다. 이 헤더에는 두 개의 섹션이 있습니다.

다음은 스크롤 후 헤더입니다. 두 섹션은 내 설정에 따라 배경색을 변경했습니다.

수축

축소를 사용하면 스크롤할 때 메뉴의 크기를 지정하고 로고를 새 이미지로 변경할 수 있습니다. 섹션, 행, 모듈에 패딩을 추가하고 축소할 이미지의 백분율을 지정합니다.

다음은 기본 설정과 새 로고가 있는 테마 빌더 헤더입니다.

차이를 확인하기 쉽도록 크기를 크게 설정했습니다. 8px의 패딩을 추가하고 이미지를 80%로 설정했습니다. 이제 로고가 새 이미지로 변경되었습니다.

소셜 미디어 설정

소셜 미디어 설정을 사용하면 Facebook 앱 ID를 입력하고 모듈이 웹사이트와 동일한 언어를 사용하도록 언어를 변경할 수 있습니다.

기타

기타 설정을 사용하면 제거 시 플러그인 데이터를 제거하고 JSON 파일 업로드, SVG 업로드를 허용하고 Divi Supreme 메뉴 이름과 아이콘을 변경할 수 있습니다.

Divi 모듈

Divi Supreme은 Divi Builder에 42개의 새로운 모듈을 추가합니다. 이미지, 텍스트, 버튼, 연락처 양식, 소셜 미디어 네트워크 등에 대한 많은 새로운 기능을 추가합니다. 그 중 몇 가지를 살펴보겠습니다.

최고 영업 시간

Supreme Business Hours에는 각 요일에 대한 하위 모듈이 포함되어 있어 개별적으로 이름을 지정하고 다른 시간을 표시하고 스타일을 지정할 수 있습니다. 여기에서 했던 것처럼 함께 스타일을 지정할 수도 있습니다. 요일 및 시간 글꼴을 독립적으로 제어할 수 있습니다. 필드에 원하는 텍스트를 입력할 수도 있습니다.

슈프림 버튼

Supreme Button은 함께 또는 독립적으로 스타일을 지정할 수 있는 두 개의 버튼을 제공합니다. 또한 구분자 텍스트, 각 버튼에 대한 라이트박스 및 도구 설명을 추가합니다. 각 요소에는 고유한 스타일 옵션이 있습니다. 원하는 기능을 정확히 사용할 수 있으므로 두 버튼, 구분자 텍스트 등을 모두 사용할 필요가 없습니다.

슈프림카드

Supreme Card는 블로그 포스트처럼 보이는 카드를 만듭니다. 이미지, 제목, 설명, 버튼 및 배지를 추가합니다. 각 요소는 독립적으로 스타일을 지정할 수 있습니다. 이미지를 추가하고, 제목의 글꼴 두께를 늘리고, 배지 색상과 글꼴 크기를 변경하고, 버튼의 색상을 변경하고, 버튼을 둥글게 만들고, 버튼에 상자 그림자를 추가했습니다. 스택뷰입니다.

인라인으로 만들고 너비, 순서 정렬 및 수평 콘텐츠 정렬(이미지의 수직 위치 조정)을 선택할 수도 있습니다. 이것은 순서 정렬의 경우 왼쪽을 표시하고 수평 정렬의 경우 중심을 표시합니다. 정렬 옵션은 대체 레이아웃에서 CTA를 만드는 데 탁월합니다.

이것이 올바른 정렬입니다. 둥근 모서리, 빨간색 테두리 및 상자 그림자를 추가하는 것과 같이 이미지를 약간 조정했습니다. 이미지에 오버레이를 추가할 수도 있습니다.

슈프림 카드 캐러셀

Supreme Card Carousel은 Supreme Card와 동일한 기능을 제공하지만 슬라이더에 여러 카드를 추가합니다. 스타일 옵션을 제공하여 카드를 독립적으로 스타일링할 수 있습니다. 또한 화살표 및 점 탐색과 표준 슬라이더 기능을 포함하여 회전 목마에 대한 스타일 지정 옵션을 추가합니다. 이것은 내가 추가한 이미지의 기본 설정을 보여줍니다. 이것이 스택 정렬입니다.

이것이 인라인 정렬입니다. 각 하위 모듈에 배경색을 추가하여 눈에 띄도록 했습니다. 화살표의 크기와 색상, 점 탐색 색상도 변경했습니다. 화살표 조정을 통해 위치, 이전 아이콘 및 다음 아이콘을 제어할 수도 있습니다.

최고 이중 제목

Supreme Dual Heading 텍스트에 대해 앞, 중간, 뒤의 세 섹션을 제공합니다. 중간 텍스트는 기본적으로 다른 색상입니다. 세 가지 모두 동일한 설정을 사용하지만 개별적으로 스타일을 지정할 수 있습니다. 인라인으로 표시하거나 원하는 조합으로 쌓을 수도 있습니다. 인라인이 기본 설정입니다. 앞, 중간 글자의 글자 크기를 늘리고 뒤 글자를 줄이며 중간 글자를 굵게 했습니다.

슈프림 임베디드 구글 맵

내장된 Google 지도를 사용하면 고정할 주소를 추가하고 확대/축소 수준을 선택할 수 있습니다. 다른 설정은 필요하지 않습니다. ctrl+를 사용하여 확대/축소하므로 사용자가 페이지를 중지하지 않고 지도를 확대/축소할 수 있습니다.

지도 요소에 대한 사용자 지정 설정이 없지만 모든 표준 디자인 옵션이 있습니다. 이 예제에서는 상자 그림자를 추가하고 필터를 조정했습니다.

슈프림 임베디드 트위터 타임라인

포함된 Twitter 타임라인을 사용하면 Twitter 사용자 이름을 지정하여 해당 사용자의 Twitter 게시물을 레이아웃에 포함할 수 있습니다. 트윗 수를 제한하고 머리글, 바닥글, 테두리, 스크롤 막대를 표시하고 배경색을 제거합니다. 여기에는 표준 디자인 설정이 포함됩니다. 밝고 어두운 테마도 포함되어 있습니다.

슈프림 페이스북 댓글

Facebook 댓글은 Facebook 페이지의 댓글을 포함하고 사용자가 Facebook 계정을 사용하여 댓글을 달 수 있도록 합니다. 표시할 주석 수를 선택하고 밝거나 어두운 구성표를 선택하고 주석이 정렬되는 방식을 선택합니다. 사용자는 Facebook에서 사람을 좋아하고 답장하고 팔로우할 수 있습니다. 여기에는 표준 디자인 설정이 포함됩니다.

슈프림 아이콘 리스트

Supreme Icon List에는 콘텐츠를 추가하고 각 항목에 대한 아이콘을 선택할 수 있는 하위 모듈이 포함되어 있습니다. 텍스트와 아이콘의 스타일을 개별적으로 지정할 수 있습니다. 각 항목 뒤에 색상, 그라디언트, 이미지 및 비디오를 포함한 배경을 추가할 수도 있습니다.

슈프림 셰이프

Supreme Shapes를 사용하면 드롭다운 목록에서 모양을 선택하고 크기를 설정할 수 있습니다. 17가지 모양을 선택할 수 있습니다.

디자인 옵션을 사용하여 색상을 변경하고 테두리를 사용하고 그림자를 추가할 수 있습니다. 여기에는 표준 설계 설정도 포함됩니다. 위의 예에서 색상을 변경하고 그림자를 추가했습니다.

구입

Divi Supreme은 Divi Marketplace에서 $79에 구입할 수 있습니다. 가격에는 무제한 웹 사이트 사용과 1년의 지원 및 업데이트가 포함됩니다.

마무리 생각

Divi Supreme Pro는 Divi를 위한 흥미로운 플러그인입니다. 새로운 기능과 모듈이 많이 추가되지만 여전히 사용하기 쉽습니다. 모든 기능이 유용합니다. 일부는 효과를 추가하고 다른 일부는 Divi를 크게 확장하는 기능을 추가합니다. 수많은 플러그인 없이 Divi 사이트나 도구 상자를 확장하려는 경우 Divi Supreme Pro를 고려해 볼 가치가 있습니다.

우리는 당신의 의견을 듣고 싶습니다. 디비 슈프림 프로 해보셨나요? 의견에 대해 어떻게 생각하는지 알려주십시오.

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