Divi 제품 하이라이트: Divi Den Pro – 레이아웃 라이브러리

Divi Den Pro – 레이아웃 라이브러리는 웹 사이트를 더 빠르게 구축할 수 있도록 사전 설계된 Divi 요소의 대규모 라이브러리가 포함된 타사 플러그인입니다. 여기에는 검색 및 정렬이 가능한 고유한 사용자 인터페이스가 포함되어 있어 레이아웃을 쉽게 찾을 수 있습니다. 이 게시물에서는 Divi 디자인 도구 상자에 적합한 제품인지 결정하는 데 도움이 되는 Divi Den Pro – 레이아웃 라이브러리를 살펴보겠습니다.

Divi Den Pro 설치 – 레이아웃 라이브러리

Divi Den Pro – 레이아웃 라이브러리 설치는 간단했습니다. 플러그인을 업로드하는 것과 동일하게 작동하지만 Divi 내에서 사용하려면 Divi Marketplace 계정에 로그인해야 합니다. 먼저 설치하려면 다음으로 이동하십시오.

1. 플러그인
2. 새로운 걸 더하다
3. 플러그인 업로드
4. 파일을 선택
5. 지금 설치

다음으로 플러그인이 설치되면 평소와 같이 활성화하면 대시보드에 추가된 새 메뉴가 표시됩니다.

1. 플러그인 활성화

레이아웃 라이브러리 콘텐츠

Divi Den Pro – 레이아웃 라이브러리는 2615개의 라이브러리 항목과 함께 제공됩니다. 여기에는 1988개의 섹션과 모듈, 631개의 레이아웃, 39개의 메뉴, 18개의 완전한 웹사이트 디자인이 포함됩니다. 모든 항목은 미리 스타일이 지정되어 있습니다. 레이아웃은 다양한 화면 크기에 맞게 레이블이 지정되고 테스트되고 최적화됩니다.

Divi 레이아웃에서 사용하는 방법에는 여러 가지가 있습니다. Divi Den Pro DM 메뉴와 Divi Theme Builder에서 레이아웃을 찾을 수 있습니다. Divi Den Pro DM 메뉴는 가장 사용하기 쉬운 방법입니다. 키워드와 카테고리로 검색하고 Divi 라이브러리로 가져올 수 있습니다.

디비덴 프로 DM 메뉴

WordPress 대시보드에서 Divi Den Pro DM이라는 새 메뉴 항목을 찾을 수 있습니다. 메뉴에는 메뉴 자체 내에서 탭으로도 찾을 수 있는 많은 링크가 포함되어 있습니다.

레이아웃 찾기

첫 번째 탭은 레이아웃 찾기입니다. 여기에는 왼쪽에 필터가 있는 검색 상자와 오른쪽에 결과가 포함됩니다. 또한 모든 레이아웃, 무료 레이아웃 또는 프로 레이아웃만 볼 수 있는 탭도 포함되어 있습니다. 필터는 해당 유형의 레이아웃 수를 표시합니다. 레이아웃, 섹션, 모듈, 카테고리, 컬렉션, Divi 테마 빌더 및 플러그인 테마 빌더로 나뉩니다.

결과 영역에는 레이아웃의 축소판이 표시됩니다. 레이아웃이 컨테이너보다 큰 경우 섬네일은 가리키면 스크롤됩니다. 다른 탭에서 레이아웃을 보거나 레이아웃을 Divi 라이브러리에 저장하거나 레이아웃을 컴퓨터에 JSON 파일로 다운로드할 수 있습니다.

필터를 선택하면 필터가 열리고 옵션이 표시됩니다. Divi Den의 레이아웃 이름을 보여주는 Collections를 열었습니다. 하나를 선택하면 오른쪽 영역에 해당 컬렉션 내의 레이아웃이 표시됩니다.

레이아웃을 보기 위해 클릭했고 다른 탭의 Divi Den 페이지에서 데모를 열었습니다. 페이지에는 여러 레이아웃, 섹션 등이 표시됩니다. 호버 효과를 표시하기 위해 상단 중앙의 이미지 위로 마우스를 가져갑니다.

최신

최신 탭에는 Divi Den 블로그의 최신 게시물이 표시됩니다. 이것은 레이아웃 라이브러리의 새로운 기능을 배울 수 있는 좋은 방법입니다.

튜토리얼

자습서 탭에는 Divi Den Pro – 레이아웃 라이브러리 사용 방법을 가르치는 모든 자습서가 포함되어 있습니다. 여기에는 튜토리얼을 클릭할 때 표시되는 임베디드 비디오가 포함되어 있으므로 WordPress를 떠나지 않고 Divi Den 대시보드에서 직접 학습할 수 있습니다. 이것은 유용성에 도움이 되므로 도움이 필요한 것이 있으면 여기에서 찾을 수 있습니다.

테마 빌더

Theme Builder 탭은 레이아웃을 Divi Theme Builder와 Plugin Theme Builder로 나눕니다. 컬렉션, 페이지 유형 등을 보여줍니다. 이들은 Divi Theme Builder에도 추가됩니다. 여기에서 테마 빌더를 시작할 수도 있습니다.

플러그인 테마 빌더에는 테마 사용자 정의 프로그램을 여는 링크가 있습니다.

Theme Customizer는 페이지, 블로그 및 전역 설정을 위한 세 개의 새로운 사용자 정의 탭을 추가합니다. 여기에는 팝업 커스터마이저, 고정 막대, 더 많은 아이콘, 위로 가기 버튼, 출시 예정 페이지, 템플릿 사용자 지정 등과 같은 추가 기능이 포함됩니다.

맞춤 CSS 파일

사용자 정의 CSS 파일 탭은 복사 및 수정할 수 있는 Divi Den 레이아웃의 사용자 정의 CSS를 제공합니다. 하나를 클릭하면 다른 탭에서 CSS가 열립니다. 포함된 비디오는 사용자 지정 CSS를 사용하는 방법을 보여줍니다.

고급의

고급 탭에는 화이트 라벨 탭과 추가 옵션 탭이 있습니다. 화이트 라벨을 사용하면 브랜드에 맞게 플러그인의 브랜드를 변경할 수 있습니다.

추가 옵션 탭을 사용하면 Divi Builder 요소 내에서 Divi Den Pro 탭을 이동할 수 있습니다. 이것은 기본적으로 활성화되어 있습니다.

Divi Builder의 Divi Den Pro 레이아웃 라이브러리

Divi Den Pro – 레이아웃 라이브러리에 대한 탭이 모듈 모달에 추가되었습니다.

탭을 선택하면 원하는 레이아웃을 선택할 수 있는 메뉴가 열립니다. 레이아웃은 JSON 파일로 다운로드되므로 사용하려면 페이지와 게시물에 레이아웃을 업로드해야 합니다.

Divi Theme Builder의 Divi Den Pro 레이아웃 라이브러리

Divi Den Pro – 레이아웃 라이브러리 인터페이스도 Divi Theme Builder 화면 하단에 추가됩니다. WordPress 대시보드에서와 동일하게 작동합니다.

페이지 및 게시물에서와 마찬가지로 Theme Builder에서도 동일한 방식으로 작동합니다.

Divi Den Pro 레이아웃 라이브러리 예제

이제 Divi Den Pro – 레이아웃 라이브러리 인터페이스를 사용하는 방법을 살펴보았으므로 몇 가지 예를 살펴보겠습니다. 각 유형별로 몇 가지를 살펴보겠습니다.

레이아웃

다음으로 몇 가지 레이아웃을 살펴보겠습니다. Divi Theme Builder에 로드하겠습니다. 레이아웃을 Divi 라이브러리에 저장하면 레이아웃에서 사용할 수 있습니다. 그들을 검색하고 왼쪽에서 카테고리를 선택하십시오.

쇼핑 랜딩 페이지 V3 Ragnar

Shop Landing Page V3 Ragnar의 상단 부분입니다. 여기에는 이메일 CTA가 포함된 영웅 섹션이 포함됩니다. 상점 섹션에는 추천 제품이 표시되며 마우스를 올리면 큰 텍스트로 된 메시지를 스크롤하는 애니메이션 오버레이가 포함됩니다.

Shop Landing Page V3 Ragnar의 하단 부분입니다. 초대형 이미지는 상점 CTA를 생성하고 애니메이션 버튼을 포함합니다. 독특한 블로그 섹션은 한쪽에 나타나는 텍스트 뒤에 추천 이미지를 표시합니다.

채용 페이지 V1 Tina

Careers Page V1 Tina의 상단 부분입니다. 여기에는 겹치는 제목이 있는 영웅 이미지, 설명선이 있는 소개 및 두 개의 텍스트 열이 포함됩니다. 다음은 카드로 표시되는 오픈 포지션 섹션입니다.

Careers Page V1 Tina의 하단 부분입니다. 호버 애니메이션이 포함된 Blurbs는 CV와 회사 특전 섹션을 보내기 위한 CTA 다음에 정보를 제공합니다.

옛날 블로그 페이지

이 예는 Old Times 블로그 페이지의 상단 부분입니다. 여기에는 배경 이미지 위에 메시지가 있는 영웅 섹션과 호버 애니메이션이 있는 버튼이 포함됩니다. 블로그 섹션의 왼쪽에는 큰 추천 이미지가 있는 블로그 게시물이 표시되고 오른쪽에는 사이드바로 작은 추천 이미지가 있는 게시물이 표시됩니다. 노란색 선은 영웅 섹션에서 블로그 섹션을 구분합니다. 모든 블로그 카드에는 틸트 애니메이션이 포함되어 있습니다.

이것은 Old Times 블로그 페이지의 하단 부분입니다. 또한 구분을 위해 노란색 선을 사용하고 3단 블로그 섹션 2개, 큰 이메일 양식 및 바닥글을 포함합니다.

메뉴 페이지 레이아웃 Jamie

다음은 메뉴 페이지 레이아웃 Jamie의 상단 부분입니다. 여기에는 다양한 음식 메뉴 범주에 연결되는 아이콘이 있는 영웅 섹션이 포함됩니다. 여기에는 호버 애니메이션이 포함됩니다. 왼쪽에는 이미지, 오른쪽에는 설명과 함께 2열 음식 메뉴가 이어집니다. 음식은 카테고리로 나뉩니다.

메뉴 페이지 레이아웃 Jamie

메뉴 페이지 레이아웃 Jamie의 아래쪽 절반입니다. 그것은 음식 메뉴를 계속하고 전폭지도와 함께 연락처 정보를 포함합니다.

Showreel 홈페이지 레이아웃

이것은 Showreel 홈 페이지 레이아웃의 상단 부분입니다. 영웅 섹션에는 포함된 비디오를 재생하는 버튼과 전체 화면 배경 이미지에 대한 여러 설명이 포함되어 있습니다. 다음은 정보를 표시하는 일련의 탭입니다. 애니메이션 오버레이가 있는 큰 이미지는 서비스에 연결됩니다.

이것은 Showreel 홈 페이지 레이아웃의 하단 부분입니다. 그것은 큰 이미지를 계속하고 기울어진 오버레이 애니메이션이 있는 서비스에 대한 이미지의 다른 섹션을 포함합니다. 스타일이 지정된 숫자 카운터, 이메일 양식 및 바닥글도 포함되어 있습니다.

시각적 진행률 표시줄 페이지 Freddie

이것은 Visual Progress Bar Page Freddie입니다. 우아한 레이아웃을 가지고 있지만 보여주고 싶은 주요 요소는 진행률 표시줄입니다. 이것은 레이아웃의 영웅 섹션입니다. 메뉴는 화면 하단에 있습니다. 스크롤하면 메뉴가 화면 상단에 첨부되고 레이아웃의 진행 상황이 표시됩니다.

이 예의 섹션은 사례 연구입니다. 지난 스크롤한 모든 섹션에 대해 진행률 표시줄에 노란색이 표시됩니다. 이 섹션의 이미지에는 기울기 효과가 포함되어 있습니다.

섹션

Divi Den Pro – 레이아웃 라이브러리 섹션이 Divi 라이브러리에 저장되어 있는 경우 Divi Den Pro DM 탭이 섹션 모달에 추가됩니다.

Greatest Hits 음악 모듈 프레디

Greatest Hits 음악 모듈 Freddie는 검은색 배경과 노란색 호버 효과가 있는 스타일이 지정된 오디오 플레이어 섹션을 제공합니다.

스타일링 갤러리 데모

스타일링 갤러리 데모는 다양한 테두리 모양과 이미지를 구분하는 색상 블록이 있는 흥미로운 이미지 갤러리를 제공합니다.

린탕 프로세스 그레이스

스타일링 갤러리 데모는 단계 목록을 제공합니다. 가로로 배치되며 모양이 있는 이미지나 색상, 호버 효과를 포함합니다.

Thunderbolt 제품 프레디

Thunderbolt Product Freddie는 한쪽에는 제품 슬라이더를 표시하고 다른 한쪽에는 스타일 정보를 표시하는 제품 섹션입니다.

알룰라 타임라인 그레이스

Alula Timeline Grace는 한 면에는 이미지가 있고 다른 면에는 정보가 있는 대체 수직 타임라인을 만듭니다.

모듈

대시보드의 모듈 옵션에 버튼이 표시됩니다. 제가 다운로드한 몇 가지를 소개합니다.

다운로드한 모든 버튼을 한 페이지에 추가했습니다. 각 버튼에는 매력적인 호버 애니메이션이 포함되어 있습니다.

Divi Den Pro 레이아웃 라이브러리 구입처

Divi Den Pro – 레이아웃 라이브러리는 Divi Marketplace에서 $189에 구입할 수 있습니다. 여기에는 무제한 웹 사이트 사용, 1년 지원 및 업데이트, 30일 환불 보장이 포함됩니다.

Divi Den Pro 레이아웃 라이브러리에 대한 결론

이것이 바로 Divi Den Pro – 레이아웃 라이브러리의 모습입니다. 이 라이브러리에는 많은 레이아웃이 있습니다. 사용자 인터페이스는 간단합니다. 레이아웃 검색, 정렬, 가져오기 및 다운로드는 직관적입니다. 섹션과 모듈의 링크가 대시보드보다 더 제한적이라는 것을 알았습니다. 레이아웃이 라이브러리에 있으면 라이브러리에서 추가 옵션을 선택하여 사용할 수 있습니다. 수천 개의 전문적으로 디자인된 레이아웃을 Divi 라이브러리에 추가하는 데 관심이 있다면 Divi Den Pro – 레이아웃 라이브러리를 살펴볼 가치가 있습니다.

여러분의 의견을 듣고 싶습니다. Divi Den Pro – 레이아웃 라이브러리를 사용해 보셨습니까? 의견에 대해 어떻게 생각하는지 알려주세요.