Treehouse: Grow your CSS skills. Land your dream job.

Pinterest Dynamic Grid Layout

  • # June 18, 2012 at 12:41 pm

    Is there a wordpress plug in to mimic a Pinterest Dynamic Grid Layout?

    # June 18, 2012 at 2:10 pm

    You’re probably looking for the Masonry jQuery plugin.

    # June 18, 2012 at 3:01 pm

    right…but how do I use with with WordPress?

    # June 18, 2012 at 3:18 pm

    Weird, I definitely posted in this thread with nearly exactly Senff’s comment.

    You would use it just like you would on any other website. The fact that you are using WordPress makes no difference to a jQuery plugin.

    # June 18, 2012 at 5:27 pm

    Oh, OK I think I’m starting to get it. Sorry if this seems trivial to you.
    For some reason it’s been a grey area for me.

    The one thing about this jQuery plugin is that it looks like the images need to be sized. Is there a Pinterest-like Dynamic layout grid that sizes the pics automatically? Or better yet–work with the Next Gen Gallery?

    # June 18, 2012 at 8:18 pm

    It depends what you want, really. By default, the plugin will leave the size of the images alone and just fit them as good as possible. But if you want the width of each picture to be the same (I believe that’s how Pinterest has it), then you should be able to do that by setting the width in CSS.

    You’ll learn a lot from just trying things out, don’t be scared to experiment a little.

    # June 18, 2012 at 9:31 pm

    Ok, I think I got it to work. Thanks!

    # June 18, 2012 at 10:23 pm

    I was still having problems. Putting javascript in the body was screwing up the footer…but I just found this which seems exactly what I was looking for

    # June 19, 2012 at 11:42 pm


    # September 19, 2012 at 4:40 am

    You may want to look an alternative from Masonry,


    There, you can see 5 jQuery plugins to produce pinterest-like dynamic grid layout. Cheers :)

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.