Recently I created a wordpress themes using jQuery.masonry. Masonry is a layout plugin for jQuery that make our layout very flexible between articles, and it could float horizontally and vertically. Basically, this plugin create a new #div when the site loading by generating automatically count width and height of each articles.
Masonry was created by a unique person that really love math. It is shown by his product masonry, he create new way to design a website. The name is David Desandro, from the name I guess he is an italian.
How to use this plugin into you wordpress themes ?
First of all this plugin may not compatible with new PHP Version (above 5.2.8). Because I already try it and I can’t fix it when I use cross browser like Firefox 3.6.x , Google Chrome 5.x, Internet Explorer 8, Opera 10.5x. This themes already use by woothemes called mortar.
This time I won’t explain the detail of using this masonry inside you wordpress themes, but if you need the tutorial you could visit wplover.com. I think he already explained a lot and it’s easy to learnt. What I’m going to say right now is my experience using this plugin and here’s some information that you might need to have your attention.
- PHP Version
- jQuery.noConflict (If you’re using other wordpress plugin using jQuery)
- Using Image crop generator (like thimbthumb or else)
- CSS Style (Using Grid, Float, and others)