Divi 제품 하이라이트: Divi Masonry Gallery

게시 됨: 2023-07-31

Divi Masonry Gallery는 Divi Builder에 새로운 갤러리 모듈을 추가합니다. 이 플러그인을 사용하면 벽돌 갤러리 레이아웃을 구축하고 사용자 정의하여 웹 사이트에 이미지를 표시할 수 있습니다. 범주별로 이미지를 필터링하고, 페이지 매김을 활성화하고, Lightbox 디스플레이에서 이미지를 여는 등의 작업을 수행할 수 있습니다. 플러그인에는 석조 갤러리 모듈의 디자인을 완전히 사용자 정의할 수 있는 디자인 옵션도 함께 제공됩니다. 이 제품 하이라이트에서는 Divi Masonry Gallery를 살펴보고 귀하에게 적합한 제품인지 결정하는 데 도움을 드릴 것입니다.

시작하자!

목차
  • 1 디비 벽돌 갤러리 설치
  • 2 디비 벽돌 갤러리
    • 2.1 콘텐츠 설정
    • 2.2 디자인 설정
  • 3 Divi 벽돌 갤러리 예
    • 3.1 예 1
    • 3.2 예 2
    • 3.3 예 3
  • 4 Divi Masonry Gallery 구매
  • 5 최종 생각

Divi 벽돌 갤러리 설치

Divi Masonry Gallery를 설치하려면 WordPress 대시보드에서 플러그인 페이지로 이동하고 새로 추가를 클릭합니다. 파일 선택을 클릭하고 컴퓨터에서 .ZIP 플러그인 파일을 선택한 다음 지금 설치를 클릭하십시오.

플러그인이 설치되면 활성화를 클릭합니다.

디비 벽돌 갤러리

플러그인이 활성화되면 Divi Builder에 Divi Masonry Gallery 모듈이 표시됩니다. 모듈 설정을 살펴보겠습니다.

콘텐츠 설정

대부분의 주요 옵션은 콘텐츠 탭의 갤러리 설정 섹션 아래에 있습니다. 여기에서 이미지를 추가하고 벽돌 갤러리에 표시되는 방식을 선택할 수 있습니다.

갤러리 설정

이것은 일반 갤러리 모드의 벽돌 갤러리입니다.

Divi Masonry Gallery 일반 갤러리

또한 표시되는 이미지 수에 대한 제한을 설정할 수 있는 최소화된 갤러리 모드를 선택할 수 있습니다. 마지막 이미지에 표시되는 텍스트를 사용자 정의할 수 있으며 마지막 이미지가 라이트박스를 열거나 링크를 열지 여부를 선택할 수 있습니다.

Divi Masonry Gallery 최소화된 갤러리

열 수와 이미지 사이의 간격을 조정할 수 있습니다. 여기에 표시된 예에서는 갤러리를 4열로 설정하고 간격을 늘렸습니다.

Divi 벽돌 갤러리 기둥 간격

여기에서 호버에서 이미지를 확대하고, 매번 무작위 순서로 로드하고, 이미지 크기를 조정하도록 선택할 수도 있습니다.

Divi Masonry 갤러리 이미지 줌 임의 순서

이미지 클릭 시 작업

라이트박스에서 열리도록 이미지를 설정하거나, 지정된 URL을 열거나, 클릭 시 아무 작업도 수행하지 않을 수 있습니다. 라이트박스 옵션을 선택하면 배경색을 설정하고 제목이 표시되는 방식을 선택할 수 있습니다.

Divi Masonry Gallery 라이트박스 갤러리

다음은 프런트 엔드의 라이트박스입니다.

Divi 벽돌 갤러리 라이트박스

링크는 이미지 순서대로 추가하고 {{link}}로 구분해야 합니다. 링크 대상을 설정할 수도 있습니다.

Divi 벽돌 갤러리 이미지 링크

카테고리

Divi Masonry Gallery는 미디어 라이브러리의 각 이미지에 카테고리 필드를 추가합니다. 이러한 범주를 활성화하여 갤러리 이미지를 필터링할 수 있습니다.

Divi Masonry Gallery 미디어 카테고리

카테고리 필터를 활성화하면 포함된 카테고리를 선택하고, 모든 카테고리 버튼을 표시하거나 숨기고, 모든 카테고리 버튼 텍스트를 변경할 수 있습니다.

Divi Masonry Gallery 쇼 카테고리

쪽수 매기기

선택할 수 있는 여러 유형의 페이지 매김이 있습니다. 다음은 숫자 및 다음/이전 페이지 매김 옵션입니다. 추가 로드 옵션을 선택하거나 페이지 매김을 모두 비활성화할 수도 있습니다.

Divi Masonry 갤러리 페이지 매김

또한 각 페이지에 표시되는 이미지 수를 지정하고, 버튼 텍스트를 수정하고, 페이지 매김 후 맨 위로 스크롤하고, 상단 오프셋으로 스크롤을 설정할 수 있습니다.

Divi Masonry 갤러리 페이지 매김

배경

여기에서 벽돌 갤러리 모듈의 배경색을 설정할 수 있습니다.

Divi 벽돌 갤러리 배경

디자인 설정

디자인 탭에서 벽돌 갤러리 모듈의 모양을 추가로 사용자 지정할 수 있습니다.

씌우다

여기에서 아이콘 또는 이미지 제목/캡션을 설정하여 호버 이미지 위에 표시하고 오버레이 배경색을 설정할 수 있습니다. 오버레이 아이콘 옵션을 선택한 상태에서 아이콘과 아이콘 색상을 선택할 수 있습니다.

Divi Masonry 갤러리 오버레이 아이콘

오버레이 제목/캡션이 선택된 경우 글꼴 및 색상을 사용자 지정할 수 있습니다. 또한 오버레이 콘텐츠 애니메이션을 선택하고 텍스트 정렬, 문자 간격 및 텍스트 그림자를 설정할 수 있습니다.

Divi Masonry 갤러리 오버레이 콘텐츠

영상

이미지 설정에서 갤러리 이미지에 둥근 모서리와 테두리를 추가할 수 있습니다.

디비 벽돌 갤러리 이미지

갤러리 필터

여기에서 갤러리 필터의 디자인을 사용자 지정할 수 있습니다. 정렬, 배경, 여백 및 안쪽 여백, 글꼴, 간격, 둥근 모서리, 테두리 및 상자 그림자를 변경할 수 있습니다. 활성 필터 버튼에 대한 각 설정을 변경할 수도 있습니다.

Divi Masonry 갤러리 갤러리 필터

갤러리 페이지 매김

갤러리 페이지 매김 디자인 옵션을 사용하면 페이지 매김의 모양을 완전히 사용자 지정할 수 있습니다. 갤러리 필터 설정과 마찬가지로 활성 및 일반 페이지 매김 버튼에 대한 정렬, 배경, 여백 및 패딩, 글꼴, 간격, 테두리 및 그림자 스타일을 사용자 지정할 수 있습니다.

Divi Masonry 갤러리 갤러리 페이지 매김

최소화된 갤러리 옵션

최소화된 갤러리 유형은 마지막 이미지 위에 오버레이를 표시합니다. 여기에서 오버레이 스타일을 사용자 지정할 수 있습니다. 배경색, 글꼴, 정렬, 텍스트 크기 및 텍스트 그림자를 변경할 수 있습니다.

Divi Masonry Gallery 최소화된 갤러리 옵션

기타 디자인 설정

이러한 모듈별 디자인 옵션 외에도 모든 크기 조정, 간격, 테두리, 상자 그림자, 필터, 변형 및 애니메이션 옵션을 사용자 지정할 수 있습니다.

Divi 벽돌 갤러리 디자인 설정

Divi 벽돌 갤러리 예

예 1

첫 번째 예제 갤러리 레이아웃에는 4열의 이미지가 있습니다. 상단의 필터를 사용하여 카테고리별로 이미지를 정렬할 수 있으며 페이지 매김 버튼을 사용하여 이미지의 다음 페이지를 볼 수 있습니다.

Divi 벽돌 갤러리 예 1

예 2

이 레이아웃은 최소화된 갤러리 레이아웃을 사용합니다. 마지막 이미지는 나머지 갤러리 이미지가 표시되는 라이트박스 또는 새 페이지를 열도록 설정할 수 있습니다.

Divi 벽돌 갤러리 예 2

예 3

마지막으로 세 번째 예는 3개의 열이 있는 일반 갤러리 레이아웃을 제공합니다. 마우스를 올리면 이미지 제목을 표시하는 오버레이가 나타납니다.

Divi 벽돌 갤러리 예 3

Divi Masonry Gallery 구매

Divi Masonry Gallery는 Divi Marketplace에서 사용할 수 있습니다. 무제한 웹 사이트 사용과 1년 지원 및 업데이트 비용은 $25입니다. 가격에는 30일 환불 보장도 포함되어 있습니다.

Divi Masonry Gallery 구매

마지막 생각들

Divi Masonry Gallery 플러그인을 사용하면 갤러리를 쉽게 생성하여 모든 크기의 이미지를 아름답고 대화식이며 완벽하게 사용자 정의할 수 있는 석조 레이아웃으로 표시할 수 있습니다. 플러그인은 기능이 풍부합니다. 범주 필터, 페이지 매김, 최소화된 갤러리, 이미지 링크 및 라이트박스 팝업을 활성화할 수 있습니다. 광범위한 디자인 옵션을 사용하여 벽돌 갤러리 모듈의 각 부분을 원하는 대로 사용자 정의할 수 있습니다. Divi로 사용자 정의할 수 있는 디자인 옵션으로 사이트에 이미지를 표시하는 창의적인 방법을 찾고 있다면 Divi Masonry Gallery가 훌륭한 옵션입니다.

우리는 당신의 의견을 듣고 싶습니다! Divi Masonry Gallery를 사용해 보셨습니까? 의견에 대해 어떻게 생각하는지 알려주세요!