Skip to content

How to create a masonry styled page

Use the follow code in your Wordpress page:

<h4 class="colorblock">Name of the header goes here</h4>
[posts numberposts="post number goes here" style="masonry" type="post" excerpt="true" category="categories of the posts goes here" tag="tags are associated with your post goes here"]

Here is another real example from the GSU Magazine's website

<h4 class="colorblock red">Summer 2012</h4>
<h4 class="colorblock">Features</h4>
[posts numberposts="3" style="masonry" type="post" excerpt="true" category="6,-59,-60" tag="summer-2012"]
<h4 class="colorblock">President's Letter</h4>
[posts numberposts="1" style="masonry" type="post" excerpt="true" category="7,-59,-60" tag="summer-2012"]
<h4 class="colorblock">Web Exclusives</h4>
[posts numberposts="20" style="masonry" type="post" excerpt="true" category="5,-59,-60" tag="summer-2012"]

Feedback and Knowledge Base