Grid Masonry for Guten blocks

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

Description

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.

Features of Abandoned Contact Form 7

• 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.
• Tailor your grid by choosing the number of columns and rows, giving you full control over the structure and appearance of your content.
• Enhance the user experience by enabling a lightbox feature for images and videos. When clicked, media items expand for a larger, more immersive view.
• Support for various video formats, including MP4, YouTube, and Vimeo, allowing you to seamlessly integrate diverse multimedia content.
• Compatibility of WordPress VIP.

Installation

Installing the plugin is easy. Just follow these steps:

1. From the dashboard of your site, navigate to Plugins --> Add New.
2. Select the Upload option and hit "Choose File."
3. When the popup appears, select the grid-masonry-for-guten-blocks.zip file from your desktop.
4. Follow the on-screen instructions and wait till the upload completes.
5. When it's finished, activate the plugin via the prompt. A message will display confirming activation was successful.

That's it! Configure your settings as you see fit, and you're on your way to creating visually appealing grids in Gutenberg.

Plugin Requirement

PHP version : 7.4 and latest WordPress : WordPress 5.9 and latest

Frequently Asked Questions

= Is the Grid Masonry for Guten Blocks easy to use? =

Yes, the plugin is user-friendly and integrates seamlessly with the Gutenberg editor. Its intuitive features make it accessible to both beginners and experienced users.

= What media types can be displayed in the grid? =

The plugin supports the display of images, videos in media Grid, and posts into the post grid, providing versatility and flexibility in content presentation.

= Can I customize the grid layout? =

Yes, the plugin offers customization options, allowing you to choose the number of columns and rows for your grid. This flexibility ensures that you can tailor the layout to suit your specific design preferences.

= Does the plugin support a lightbox feature? =

Absolutely. The Masonry Grid plugin enables a lightbox functionality for images and videos. When clicked, media items open in a larger view, enhancing the overall user experience.

= What video formats are supported for display? =

The plugin supports various video formats, including MP4, YouTube, and Vimeo. This ensures seamless integration of different multimedia content types into your grid.

OUR OTHER PLUGINS

• Accept PayPal Payments Using Contact Form 7 Pro
• Accept Stripe Payments Using Contact Form 7 Pro
• Accept Authorize.NET Payments Using Contact Form 7 Pro
• Accept 2Checkout Payments Using Contact Form 7 Pro
• Accept Sage Pay Payments Using Contact Form 7 Pro
• User Registration Using Contact Form 7 Pro
• Abandoned Contact Form 7 Pro

Getting Help With Wordpress

If you have any difficulties while using this Plugin, please feel free to contact us at Support

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 ZealousWeb!

Functionality

This plugin utilizes third-party libraries to enhance its functionality:

• Fancybox JS: https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.umd.js - Use to acieve lightbox functionality for images and videos in popup
• Fancybox CSS: https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.css - Use to acieve lightbox functionality for images and videos in popup
• Isotope: https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js - Use to achive Masonry output for post and media layout

Screenshots

1. It will show Back-End Option for Media Grid Masonry
2. It will show Back-End Option for Post Grid Masonry
3. It will show Back-End Option for Media Grid Masonry - Video Upload Options
4. It will show Front-End View for Media Grid Masonry Section
5. It will show Front-End View for Post Grid Masonry Section

Changelog

= 1.0.0 = Initial Release

= 1.0.1 = Issue Fixed: Restricted video selection in place of thumbnail images.

= 1.0.2 = Added Feature: Gap Between Post Grid columns. Added Feature: Clickable whole Post Block to the Detail Page

= 1.0.3 = Issue fixed: Clickable whole post, removed space bottom of the image

Upgrade Notice

= 1.0.0 = Initial Release

= 1.0.1 = Issue Fixed: Restricted video selection in place of thumbnail images.

= 1.0.2 = Added Feature: Gap Between Post Grid columns. Added Feature: Clickable whole Post Block to the Detail Page

= 1.0.3 = Issue fixed: Clickable whole post, removed space bottom of the image

= 1.0.2 = Added Feature: Gap Between Post Grid columns. Added Feature: Clickable whole Post Block to the Detail Page

= 1.0.3 = Issue fixed: Clickable whole post, removed space bottom of the image