How To Insert Mosaic Posts / Masonry Posts / Tiling Blog Posts

Here is what we are trying to achieve. A page with mosaic, tiling posts as in our Honeycrisp theme.

screen-shot-2016-11-02-at-10-46-50-pm

 

1. Go to the page you want the posts to appear on. Make sure you have the recommended plugins installed for your theme. Also, make sure you have your blog or home page set to a static page.

2. Go to the shortcodes section of your editor, scroll down to the posts section, and click “Masonary- Box”  to insert the shortcode to achieve the posts layout like the above image on the Gracie Girl.

Screen Shot 2015-01-15 at 9.28.16 AM

3. Insert this shortcode and save your page. Viola! Your posts should now appear in masonry style. Notice there are some parameters with this shortcode that we can tweak. I’ve highlighted a few here. You can sort by ascending and descending, change the number of columns you want your posts to display in, the number of posts you want per page, and more!

Screen Shot 2014-04-22 at 3.59.44 PM

Also, you will notice there are some other post formats you can insert.

Screen Shot 2015-01-15 at 9.34.54 AM

Here is what the first, Masonry Box will look like.

screencapture-angiemakes-com-themes-demo-jasmine-testing-page

Here is what the second, Masonry Borderless, will look like.

screencapture-angiemakes-com-themes-demo-jasmine-testing-page (4)

Here is what the grid box looks like.

screencapture-angiemakes-com-themes-demo-jasmine-testing-page (2)

Here is what the grid borderless looks like.

These various styles look different with our various themes.

Save