How To Build Media Grid With Visual Composer (WPBakery)
Grid lets us display images in a beautiful way & customize it. Here is a quick guide to build media grids in WPBakery Visual Composer in WP
Media Grid allows you to display your images in a beautiful way or you can customize it if you like. Here is a quick guide on how to add a media grid easily using the Page Builder Visual Composer WordPress plugin (WPBakery).
1. Firstly, add a new page/post. Write the title and click on Add Element > Media Grid
Secondly, Search for the element and click on it to open the editor window.
2. In addition, click on the + button to add images from your WordPress media library or upload new images.
3. Select the images that you like to add to your page and click on Add Images to build your media grid.
4. Under Media Grid Settings, you can customize the settings however for now we will just save changes to preview if our images will display.
5. Finally, Save your page/post and view it online.
Here is the default media grid display.
You can also change the number of grid elements per row. So, to do this, go back to the page editor and click on the “Edit Media Grid” pencil icon, then change posts Elements per row to build your media grid.
Change Grid Elements per row to 6 rows, save it, and view it online.
You can also experiment with the item design. So, this will give you a more customized option based on your needs. Moreover, below are some sample outputs.
By Default all Visualmodo WordPress themes includes the premium Visual Composer WordPress plugin. So, you can do it very easily, saving money and time doing amazing pages on your WordPress.
Media and Masonry Media Grid With Visual Composer WPBakery
Moreover, starting from WPBakery Page Builder (formerly Visual Composer) version 4.4 there are new grid elements available:
- Firstly, Post Grid
- Secondly, Post Masonry Grid
- Media Grid
- Finally, Masonry Grid
Grid elements are available under the WPBakery Page Builder element menu.
Note: “Post Grid” and “Masonry Post Grid” allow displaying posts, pages, and custom posts type. So, for Example, Woo Commerce Products) in a grid format.