{"id":33468,"date":"2024-04-26T06:12:30","date_gmt":"2024-04-26T04:12:30","guid":{"rendered":"https:\/\/www.markhendriksen.com\/?p=33468"},"modified":"2024-04-26T06:15:59","modified_gmt":"2024-04-26T04:15:59","slug":"review-divi-masonry-gallery-plugin","status":"publish","type":"post","link":"https:\/\/www.markhendriksen.com\/review-divi-masonry-gallery-plugin\/","title":{"rendered":"In-depth Review of the Divi Masonry Gallery Plugin"},"content":{"rendered":"\n

Welcome to this in-depth review of the Divi Masonry Gallery<\/a> plugin, designed to upgrade Divi websites with dynamic and visually appealing photo galleries.<\/p>\n\n\n\n

With web design constantly evolving, this plugin aims to add responsive, engaging elements to your site, offering a customizable masonry gallery that integrates well with Divi.<\/p>\n\n\n\n

The purpose of this review is to give you a straight-up, detailed look at the Divi Masonry Gallery plugin.<\/p>\n\n\n\n

I’ll dig into how it works, its design flexibility, and what it really brings to the table for Divi users.<\/p>\n\n\n\n

Given its advanced gallery features, It’s important to compare how it performs against the typical Divi image modules and determine if it’s a valuable tool for your web design toolkit.<\/p>\n\n\n\n

Having designed numerous websites using the Divi theme<\/a>, I have extensive experience with a range of Divi plugins and similar gallery tools.<\/p>\n\n\n\n

This experience has sharpened my ability to spot what works and what doesn\u2019t in web design tools. I’ve seen what different gallery plugins can do, along with their ups and downs.<\/p>\n\n\n\n

This background will shape my review of the Divi Masonry Gallery, aiming to give you practical, well-grounded insights.<\/p>\n\n\n\n

Join me as I explore the Divi Masonry Gallery, from setup to its practical use on a live site.<\/p>\n\n\n

\n\n

What You Will Learn<\/h3>\n\n\n\n
    \n
  1. Detailed Overview of the Divi Masonry Gallery Plugin<\/a><\/li>\n\n\n\n
  2. Performance Evaluation<\/a><\/li>\n\n\n\n
  3. Examples of Masonry Galleries Created<\/a><\/li>\n\n\n\n
  4. Comparison With Competitors<\/a><\/li>\n\n\n\n
  5. User Reviews<\/a><\/li>\n\n\n\n
  6. Product Updates<\/a><\/li>\n\n\n\n
  7. My Experience<\/a><\/li>\n\n\n\n
  8. Pricing + DISCOUNT code<\/a><\/li>\n\n\n\n
  9. Conclusion and Recommendation<\/a><\/li>\n<\/ol>\n\n<\/div>\n\n\n

    Detailed Overview of the Divi Masonry Gallery Plugin<\/h2>\n\n\n\n

    The Divi Masonry Plugin is created by Destaca Imagen and with this plugin, you can easily create beautiful masonry galleries. This is a very popular plugin with over 4.500 sales on the Elegant Themes marketplace.<\/p>\n\n\n\n

    In this section, I’ll guide you through the installation and setup process for this plugin. I’ll also delve into creating a masonry gallery and explore some of the advanced features available.<\/p>\n\n\n\n

    See the pricing section for a 10% discount coupon<\/a> for this plugin.<\/p>\n\n\n\n

    How to Install the Divi Masonry Gallery Plugin<\/h3>\n\n\n\n

    From your WordPress dashboard navigate to Plugins and click on Add New. From here click on Choose File and locate the Divi Masonry plugin on your computer, then click on Install Now.<\/p>\n\n\n\n

    \"Install<\/figure>\n\n\n\n

    After the installation is completed, click on the Activate Plugin button to activate the plugin.<\/p>\n\n\n\n

    \"Activate<\/figure>\n\n\n\n

    From here navigate to Divi Masonry Gallery and you can place the license code in the field and then click on the Activate button.<\/p>\n\n\n\n

    \"Enter<\/figure>\n\n\n\n

    To find the license code, head over to the My Account page on their website.<\/p>\n\n\n\n

    Go to Orders and click on the View button.<\/p>\n\n\n\n

    \"Navigate<\/figure>\n\n\n\n

    Under your product license codes, you can find and copy the license code and paste it into the license code field of the plugin.<\/p>\n\n\n\n

    \"Copy<\/figure>\n\n\n\n

    The plugin is now installed and activated, in the next chapter, I will be going to create a masonry gallery.<\/p>\n\n\n\n

    How to Create a Masonry Gallery on Your Page<\/h3>\n\n\n\n

    Now that the plugin is installed, you will have an extra module available in the Divi Builder.<\/p>\n\n\n\n

    \"New<\/figure>\n\n\n\n

    You can place this module on any of your pages.<\/p>\n\n\n\n

    Let’s explore the settings of this plugin.<\/p>\n\n\n\n

    I start with the Content tab in the Masonry Gallery Settings.<\/p>\n\n\n\n

    Content tab settings<\/h4>\n\n\n\n

    Under Gallery Mode, you can choose between Normal or Minimized Gallery (1).<\/p>\n\n\n\n

    With the minimized mode you will get some extra options for your gallery.<\/p>\n\n\n\n

    Gallery Images Limit:<\/strong> here you can set the number of images that will be shown in your gallery (2).<\/p>\n\n\n\n

    Gallery Last Extra Text:<\/strong> you can add a text after the number (3).<\/p>\n\n\n\n

    Gallery Last Element Action:<\/strong> with the last image, you have the option to either open a lightbox or navigate to a different page.<\/p>\n\n\n\n

    \"Minimized<\/figure>\n\n\n\n

    Under the images section, you can add pictures to your gallery. You can easily rearrange the order of the images by dragging and dropping them.<\/p>\n\n\n\n

    \"Place<\/figure>\n\n\n\n

    Here you can adjust the number of columns for your gallery (5). You can set different numbers of columns for mobile, tablet, and desktop.<\/p>\n\n\n\n

    You can also change the space between the images (6). You can set different spaces for mobile, tablet, and desktop.<\/p>\n\n\n\n

    You can enable Images Zoom on Mouse Hover to give the images a zoom effect when you hover over them (7).<\/p>\n\n\n\n

    \"Column<\/figure>\n\n\n\n

    You can choose to show an image title or caption in the popup (8).<\/p>\n\n\n\n

    Here you can enable the Category Filter (9).<\/p>\n\n\n\n

    You can enable a pagination for your gallery (10).<\/p>\n\n\n

    \n\n

    Tip:<\/strong> you can choose the Load More Option here, this means that not all the images will be loaded instantly so your page will load faster.<\/p>\n\n<\/div>\n\n\n

    \"Masonry<\/figure>\n\n\n\n

    How to Customize the Look of the Masonry Gallery<\/h3>\n\n\n\n

    In this section, I will cover how you can further customize the styling of the masonry gallery.<\/p>\n\n\n\n

    When you navigate to the design tab you will find many customization options:<\/p>\n\n\n\n

    Overlay<\/h4>\n\n\n\n

    Within the Overlay Content settings, you have the option to select either an icon overlay or to display a title\/caption overlay when hovering over an image.<\/p>\n\n\n\n

    Once you select the “Overlay icon” option, you have the ability to customize the icon’s color.<\/p>\n\n\n\n

    By selecting the “Overlay image title\/caption” option, you have the flexibility to customize the font type, size, weight, and style.<\/p>\n\n\n\n

    You can also set a background overlay color for your images.<\/p>\n\n\n\n

    \"Overlay<\/figure>\n\n\n\n

    Image<\/h4>\n\n\n\n

    Within this tab, you’ll find various options for images including the ability to create rounded corners and add borders.<\/p>\n\n\n\n

    \"Image<\/figure>\n\n\n\n

    Gallery Filter<\/h4>\n\n\n\n

    Under this tab, you’ll find more than 30 design options, allowing you to customize settings for both the active and inactive buttons.<\/p>\n\n\n\n

    Some of them are:<\/p>\n\n\n\n