Display a Masonry Image Gallery Using Qi Blocks for Gutenberg in WordPress

Описание: Easy to use, versatile, and visually appealing—the Masonry Image Gallery block has it all! This block allows you total control over the arrangement and display of your visuals. The images are added one by one, so each can have a different link added to it, as well as have its size individually set. In terms of the gallery itself, you can pick how many columns it will have and how much space, if any, will be between the images. Of course, that’s only the tip of the iceberg—try out the block to see how it can work for you.

With 80 advanced and superbly designed blocks, Qi Blocks for Gutenberg is an exclusive collection of varied Gutenberg-compatible blocks that allows you to create attractive and engaging page elements for your WordPress website. Follow along with our step-by-step tutorial as we guide you through the settings for the Masonry Image Gallery block and show you how to make the most of them. We’ll be creating a masonry-style gallery from scratch, and going through the various options you have for customizing it.

You can jump to specific parts of the video by clicking the appropriate timestamp link in the following list:

00:00 - Introducing the Masonry Image Gallery block
01:21 - Getting started
02:45 - Replacing the images
05:09 - Customizing the gallery
08:48 - Using the lightbox popup
10:04 - Styling the gallery
12:11 - Changing the gallery from boxed to full-width

For the best demonstrations of what you can create with Qi Blocks for Gutenberg, make sure to check out the collection of demos, templates, patterns, and wireframes exclusively created by our award-winning designers. This range of products will get your site running in a fraction of the time while looking like no expense (or time!) has been spared. It’s all created with Qi Blocks, so adopting them means setting up your site will be child’s play. Links for the Qi Templates and the Qi Blocks for Gutenberg themselves can be found below.

The Masonry Image Gallery Block:

https://qodeinteractive.com/qi-blocks...

The Qi Blocks for Gutenberg plugin:

https://qodeinteractive.com/qi-blocks...

Download Qi Blocks for Gutenberg from WordPress.org:
https://wordpress.org/plugins/qi-blocks/

The Qi Templates plugin (a collection of demo websites, templates, and patterns for Gutenberg):

https://qodeinteractive.com/qi-templa...

Everything you need to become a WordPress expert:

https://qodeinteractive.com/magazine/...

If you are using Elementor, check out the Qode Interactive suite of products for Elementor listed below:

The Qi Theme: https://qodeinteractive.com/qi-theme/...

Qi Addons for Elementor:
https://qodeinteractive.com/qi-addons...

Check out our entire collection of 500+ premium WordPress themes at:
https://qodeinteractive.com/?utm_sour...

Don’t forget to sign up for our newsletter and be the first to find out all the latest news:
https://qodeinteractive.com/newslette...

Follow us on all your favorite social networks.
Facebook: http://bit.ly/QodeFacebook
Twitter: http://bit.ly/QodeTwitter
Instagram: http://bit.ly/QodeInstagram
Pinterest: http://bit.ly/QodePinterest
Dribbble: http://bit.ly/2QtzXRz
Behance: http://bit.ly/QodeBehance