How to Use Masonry to Add Pinterest Style Post Grid in WordPress
Gutenberg Starter WordPress Theme is great theme for anyone building modern and beautiful WordPress websites. Gutenberg Blocks are a great new tool for building engaging content. With blocks, you can insert, rearrange, and style multimedia content with very little technical knowledge. Instead of using custom code, you can add a block and focus on your content. Without being an expert developer, you can build your own custom posts and pages. Here’s a selection of the default blocks included with Gutenberg.
Video tutorial – How to create a Pinterest style masonry grid in your WordPress pages
Here’s a 1 minute video tutorial on how to create a lovely looking Pinterest style masonry grid on your WordPress website – using any theme. This is done using our new free pootle page builder plugin.
A Handy Guide on Using Masonry to Add Grid Layouts in Your WordPress Site
Remember that even creating a well-designed layout for your site or blog page using the popular WordPress platform might not help you get the expected results. Put it simply, you need to focus on making your website design look interactive and engaging to the viewer’s eyes, so as to boost traffic. And one best way to do so is to use the masonry layout for displaying items in your WordPress site or blog posts.
Custom Fit Web Design
Thank you very much for your tutorial! I have implemented it for displaying a standard WordPress image gallery in masonry mode and it works perfectly for a single gallery on a page.
If I add more galleries to a page it works only for the first gallery, though.
Each gallery uses the same class for the container (“.gallery”) and the masonry block (“.masonry-grid-item”).
Do you have any idea how to make it work for more than one gallery on a single page?
Should I include the above code multiple times to use individual container names for each gallery?
9+ Grid, Masonry and Pinterest-Style WordPress Themes for Online Merchants and Galleries
Many webmasters choose the Semantic WordPress theme for its responsive and clean layout, but we’re highlighting it for the Pinterest look. The majority of your articles are presented in a grid format, and each of these show links, descriptions, and images. Besides the grid, Semantic offers several custom homepage layouts to choose from, besides the fact that you can customize the widgets and blog grids. The right and left sidebars are essential for implementing widgets on the homepage, and throughout the entire site. If you’d rather have a wide layout, remove the sidebars for more real estate on the screen. Three beautiful skins help out with customizing your site, while 20 background options ensure that you can upload an image that reflects your brand. The Semantic theme comes with gorgeous typography, which helps with presenting your content in an elegant way. You can choose between Facebook or Disqus comments. Both are nice, but one is more social, while the other has a strong community behind it.
How to Create a Masonry Layout in WordPress
I apologize, this is an older tutorial that is no longer necessary to add code to do. If you want to create a masonry layout (and I’ll be updating this doc as soon as I post your reply) just create or edit your gallery. On the Configuration tab, in the Number of Gallery Columns dropdown, select any column count. Make sure (on the same Configuration tab) you’ve checked the box to Enable Isotope? and that would give you a masonry layout as we show here in our demo.
15+ Best Masonry, Grid & Pinterest-Style WordPress Themes for 2019
Rinjani is a simple, grid based theme for WordPress targeted toward bloggers and writers. The developers didn’t try to recreate the experience and social features of sites like Pinterest, but for lone content creators Rinjani is a great match. It’s straight-forward and lightweight, embracing the best minimalist, flat design trends. Performance is swift as a result, and its familiar UX, focus on content, and high-readability makes this one of the most user-friendly and pleasant masonry themes on our list.
Beyond a plugin, the widget you’re trying to set up would require some custom code that goes beyond what I could support on these forums. I recommend taking another look at the Post Grid plugin and possibly posting to their forums if you have further questions, they’ll be in better position to assist you than me.
Post Carousel Pro is a multi-purpose responsive Post Showcase plugin for WordPress that allows you to show more Posts (any post type) in a beautiful Carousel Slider, Grid, Filter, and Masonry layout. It has plenty of extremely user-friendly options through an intuitive Advanced Shortcode Generator and supports Post, Custom Post, Taxonomy, Custom Taxonomy, Most viewed, Most liked, Specific Posts, different Post Formats and more.