=== Grid Masonry for Guten blocks ===

Contributors: zealopensource
Tags: Gutenberg, Masonry, Image Gallery, Video Gallery, Post Grid
Donate link: http://www.zealousweb.com/payment/
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.6
Stable tag: 1.0.6
License: GPLv3 or later License
License URI: http://www.gnu.org/licenses/gpl-3.0.html

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.

- 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.

<strong>[Demo for Grid Masonry for Guten blocks](https://demo.zealousweb.com/wordpress-plugins/grid-masonry-for-guten-blocks/)</strong>

== OUR OTHER PLUGINS ==

* <strong>[Abandoned Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/abandoned-contact-form-7-pro)</strong>
* <strong>[Accept 2 Checkout Payments Using Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/accept-2checkout-payments-using-contact-form-7-pro)</strong>
* <strong>[Accept Authorize.NET Payments Using Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/accept-authorize-net-payments-using-contact-form-7-pro)</strong>
* <strong>[Accept Elavon Payments Using Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/accept-elavon-payments-using-contact-form-7-pro)</strong>
* <strong>[Accept PayPal Payments Using Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/accept-paypal-payments-using-contact-form-7-pro)</strong>
* <strong>[Accept Sagepay(Opayo) Payments Using Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/accept-sage-pay-opayo-payments-using-contact-form-7-pro)</strong>
* <strong>[Accept Stripe Payments Using Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/accept-stripe-payments-using-contact-form-7-pro)</strong>
* <strong>[Custom Product Options WooCommerce Pro](https://store.zealousweb.com/wordpress-plugins/custom-product-options-woocommerce-pro)</strong>
* <strong>[Generate PDF Using Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/generate-pdf-using-contact-form-7-pro)</strong>
* <strong>[Smart Appointment & Booking Pro](https://store.zealousweb.com/wordpress-plugins/smart-appointment-booking-pro)</strong>
* <strong>[Smart Showcase for Google Reviews Pro](https://store.zealousweb.com/wordpress-plugins/smart-showcase-for-google-reviews-pro)</strong>
* <strong>[User Registration Using Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/user-registration-using-contact-form-7-pro)</strong>


= Getting Help With Wordpress =

If you have any difficulties while using this Plugin, please feel free to contact us at <strong>[Support](https://support.zealousweb.com/portal/en/home)</strong>

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 <strong>[ZealousWeb](https://www.zealousweb.com)</strong>!

## Functionality

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

- **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
- **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
- **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.6 =
* Flexible Column Layouts: Easily control the number of columns in your grid to achieve the perfect layout for your content. 
* Customizable Photo Settings: Fine-tune image presentation with options for border style, width, radius, hover effect, caption toggle, position, and font size.
* Lightbox Integration: Make your images more interactive by enabling a Lightbox feature. 
* Customizable Color Options: Match grid colors to your brand for a cohesive, consistent design that enhances your site’s aesthetics.

= 1.0.5 =
Minor changes - Doc update

= 1.0.4 =
Minor workflow adjustments

= 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.1 =
Issue Fixed: Restricted video selection in place of thumbnail images.

= 1.0.0 =
Initial Release

== 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.4 =
Minor workflow adjustments

= 1.0.5 =
Minor changes - Doc update

= 1.0.6 =
* Flexible Column Layouts: Easily control the number of columns in your grid to achieve the perfect layout for your content. 
* Customizable Photo Settings: Fine-tune image presentation with options for border style, width, radius, hover effect, caption toggle, position, and font size.
* Lightbox Integration: Make your images more interactive by enabling a Lightbox feature. 
* Customizable Color Options: Match grid colors to your brand for a cohesive, consistent design that enhances your site’s aesthetics.


