Divi Masonry Gallery supplies a brand spanking new gallery module to the Divi Builder. With this plugin, you’ll assemble and customize masonry gallery layouts to turn pictures in your internet web page. You’ll clear out pictures by way of categories, permit pagination, open pictures in lightbox displays, and additional. The plugin moreover comes with design alternatives allowing you to fully customize the design of the masonry gallery module. In this product highlight, we’ll take a look at Divi Masonry Gallery to be in agreement you decide if it’s the precise product for you.

Let’s get started!

Putting in place Divi Masonry Gallery

To position in Divi Masonry Gallery, navigate to the Plugin internet web page throughout the WordPress dashboard and Click on on Add New. Click on on Select File, select the .ZIP plugin file from your pc, then click on on Arrange Now.

As quickly because the plugin is installed, click on on activate.

Divi Masonry Gallery

As quickly because the plugin is activated, you’re going to look the Divi Masonry Gallery module appear throughout the Divi Builder. Let’s take a look at the module settings.

Content material subject material Settings

Quite a lot of the important thing alternatives are underneath the Gallery Settings phase of the content material subject material tab. Proper right here you’ll add your pictures and choose how they’re displayed throughout the masonry gallery.

Gallery Settings

That’s the masonry gallery throughout the not unusual gallery mode.

You’ll moreover select minimized gallery mode, where you’ll set a restrict to what choice of pictures are displayed. The text confirmed on the last image will also be customized, and also you’ll choose whether or not or now not the last image opens a lightbox or opens a link.

The selection of columns and the spacing between pictures will also be adjusted. Throughout the example pictured proper right here, I set the gallery to 4 columns and better the spacing.

Proper right here you’ll moreover choose to have pictures zoom in on hover, load in random order each time, and change the image size.

Image Onclick Actions

You’ll set pictures to open in a lightbox, open a specified URL, or don’t the rest on click on on. If the lightbox risk is selected, you’ll set the background color and choose how the establish is displayed.

That is the lightbox on the front end.

Links must be added in order of the pictures and separated by way of {{link}}. You’ll moreover set the link function.

Categories

Divi Masonry Gallery supplies a category field to each image throughout the media library. You’ll permit the ones categories to clear out the gallery pictures.

With the kinds clear out enabled, you’ll choose the integrated categories, show or hide the all categories button, and change the all categories button text.

Pagination

There are more than a few types of pagination to make a choice from. That is the numbers and next/prev pagination risk. You’ll moreover select much more risk, or disable pagination altogether.

You’ll moreover specify the selection of pictures displayed on each internet web page, modify the button text, scroll to the very best after pagination, and set a scroll to top offset.

Background

Proper right here you’ll set the background color for the masonry gallery module.

Design Settings

Throughout the design tab, you’ll further customize the look of the masonry gallery module.

Overlay

Proper right here you’ll set an icon or the image establish/caption to appear over the image on hover and set the overlay background color. With the overlay icon risk determined on, you’ll choose the icon and icon color.

You’ll customize the font and colors if the overlay establish/caption is selected. Additionally, you’ll select the overlay content material subject material animation, set the text alignment, letter spacing, and text shadow.

Image

Throughout the image settings, you’ll add a rounded corner and border in your gallery pictures.

Gallery Clear out

Proper right here you’ll customize the design of the gallery clear out. You’ll exchange the alignment, background, margin and padding, font, spacing, rounded corners, borders, and box shadows. You’ll moreover exchange each of the ones settings for the vigorous clear out button.

Gallery Pagination

The gallery pagination design alternatives let you utterly customize the look of the pagination. Similar to the gallery clear out settings, you’ll customize the alignment, background, margin and padding, font, spacing, border, and shadow sorts for the vigorous and not unusual pagination buttons.

Minimized Gallery Possible choices

The minimized gallery type displays an overlay during the last image. Proper right here, you’ll customize the styling of the overlay. You’ll exchange the background color, font, alignment, text size, and text shadow.

Other Design Settings

Together with the ones module-specific design alternatives, you’ll moreover customize all of the sizing, spacing, border, box shadow, filters, transform, and animation alternatives.

Divi Masonry Gallery Examples

Example 1

The principle example gallery construction choices 4 columns of images. The filters at the top can be used to kind pictures by way of magnificence, and the pagination buttons can be used to view the next internet web page of images.

Example 2

This construction uses the minimized gallery construction. The last image will also be set to open a lightbox or a brand spanking new internet web page where the rest of the gallery pictures are confirmed.

Example 3

Finally, the third example choices an ordinary gallery construction with 3 columns. On hover, an overlay turns out, displaying the image establish.

Achieve Divi Masonry Gallery

Divi Masonry Gallery is available throughout the Divi Marketplace. It costs $25 for infinite internet web page usage and 1 twelve months of improve and updates. The price moreover includes a 30-day money-back be sure.

Final Concepts

With the Divi Masonry Gallery plugin, you’ll merely create galleries to turn pictures of all sizes in a just right taking a look, interactive, and fully-customizable masonry construction. The plugin is feature-rich. You’ll permit magnificence filters, pagination, minimized galleries, image links, and lightbox popups. With extensive design alternatives, you’ll customize each part of the masonry gallery module in your liking. If you’re in search of a creative way to display pictures in your site with design alternatives you’ll customize with Divi, Divi Masonry Gallery is a smart risk.

We wish to pay attention to from you! Have you ever ever tried Divi Masonry Gallery? Let us know what you think about it throughout the comments!

The publish Divi Product Spotlight: Divi Masonry Gallery appeared first on Sublime Topics Weblog.

WordPress Web Design

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more