ZealousWeb

Introducing the “Grid Masonry for Guten blocks” plugin – a powerful tool designed to enhance your content display in the Gutenberg editor. With this plugin, you can effortlessly create visually appealing grids that showcase a mix of images, videos, posts, and custom posts in a stunning masonry-style layout.
<ul>
<li>Present a captivating blend of images, videos in a media grid, and posts and custom posts within the post grid, offering a dynamic and engaging content presentation.</li>
<li>Tailor your grid by choosing the number of columns and rows, giving you full control over the structure and appearance of your content.</li>
<li>Enhance the user experience by enabling a lightbox feature for images and videos. When clicked, media items expand for a larger, more immersive view.</li>
<li>Support for various video formats, including MP4, YouTube, and Vimeo, allowing you to seamlessly integrate diverse multimedia content.</li>
<li>Compatibility of WordPress VIP.</li>
</ul>
<h3>Plugin Requirement</h3>
PHP version : 7.4 and latest 
WordPress : WordPress 5.9 and latest
<h3>OUR OTHER PLUGINS</h3>
<ul>
<li><a href="https://store.zealousweb.com/wordpress-plugins/abandoned-contact-form-7-pro" rel="nofollow ugc">Abandoned Contact Form 7 Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/accept-2checkout-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept 2 Checkout Payments Using Contact Form 7 Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/accept-authorize-net-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept Authorize.NET Payments Using Contact Form 7 Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/accept-elavon-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept Elavon Payments Using Contact Form 7 Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/accept-paypal-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept PayPal Payments Using Contact Form 7 Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/accept-sage-pay-opayo-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept Sagepay(Opayo) Payments Using Contact Form 7 Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/accept-stripe-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept Stripe Payments Using Contact Form 7 Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/custom-product-options-woocommerce-pro" rel="nofollow ugc">Custom Product Options WooCommerce Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/generate-pdf-using-contact-form-7-pro" rel="nofollow ugc">Generate PDF Using Contact Form 7 Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/smart-appointment-booking-pro" rel="nofollow ugc">Smart Appointment & Booking Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/smart-showcase-for-google-reviews-pro" rel="nofollow ugc">Smart Showcase for Google Reviews Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/user-registration-using-contact-form-7-pro" rel="nofollow ugc">User Registration Using Contact Form 7 Pro</a></li>
</ul>
<h4>Getting Help With WordPress</h4>
If you have any difficulties while using this Plugin, please feel free to contact us at <a href="https://support.zealousweb.com/portal/en/home" rel="nofollow ugc">Support</a>
We also offer custom WordPress extension development and WordPress theme design services to fulfill your e-commerce objectives.
Our professional impassioned WordPress experts provide profound and customer-oriented development of your project within short timeframes.
Thank you for choosing a Plugin developed by <a href="https://www.zealousweb.com" rel="nofollow ugc">ZealousWeb</a>!
<h3>Functionality</h3>
This plugin utilizes third-party libraries to enhance its functionality:
<ul>
<li>Fancybox JS: https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js – Use to acieve lightbox functionality for images and videos in popup</li>
<li>Fancybox CSS: https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css – Use to acieve lightbox functionality for images and videos in popup</li>
<li>Isotope: https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js – Use to achive Masonry output for post and media layout</li>
</ul>

Grid Masonry for Guten blocks

Create stunning grids with Gutenberg. Display images, videos, and posts in masonry style. Customize columns, rows, lightbox, and more.

Juan Javier

wannathemes

A plugin to easily build Isotope/Masonry layouts with any content (posts, pages or custom post types). Responsive grids, filterable content.
<h4>Shortode parameters</h4>
type
<ul>
<li>example: type=”portfolio” </li>
<li>default: post</li>
<li>Display content based on posts, pages or custom post types.</li>
</ul>
items
<ul>
<li>example: items=”12″</li>
<li>default: 4</li>
<li>Number of items to show.</li>
</ul>
tax
<ul>
<li>example: tax=”category”</li>
<li>default: none</li>
<li>Show a filter based on taxonomy parameter.</li>
</ul>
term
<ul>
<li>example: term=”category-slug”</li>
<li>default: none</li>
<li>Show a filter based on a term parameter and only show items based on the term.</li>
<li>REQUIRED: use the tax parameter.</li>
</ul>
order_by
<ul>
<li>example: order_by=”slug”</li>
<li>default: menu_order</li>
<li>Sort retrieved posts by parameter.</li>
</ul>
order
<ul>
<li>example: order=”DESC”</li>
<li>default: ASC</li>
<li>Designates the ascending or descending order of the ‘orderby’ parameter.</li>
</ul>
id
<ul>
<li>example: id=”my_custom_grid”</li>
<li>default: none</li>
<li>set a custom id so you can style or target better.</li>
</ul>

Wanna Isotope

A plugin to easily build Isotope/Masonry layouts with any content (posts, pages or custom post types). Responsive grids, filterable content.

Grid Masonry for Guten blocks vs Wanna Isotope