A client recently asked me if they could upload a bunch of photos onto a page or post and have WordPress automatically lay them out sequentially right next to each other without any gaps or spaces. Our first thought was that WordPress should already do this by default but we checked and yikes it doesn’t have that feature yet.

So our friend Wok at Thinkademic wrote this custom plugin for us that will let you upload a bunch of pictures for you neatly lined up in a row next to each other. There’s no fancy schmancy JQuery slider effects or transitions. The plugin just generates a plain old grid of pictures lined up next to each other.

Once you have the plugin uploaded and activated, simply click on photo media upload button built into the post/page editor to batch upload a bunch of pictures. You’ll have a choice of how many columns across and how you want the pictures sorted by.

You’ll want to pre-size your pictures with Photoshop or another image editor so they’re at least the same height. Depending on the width of the page, the plugin will show as many images that can fit into a row.

If you specify imagesize="thumbnail" in the gallery shortcode parameters, it will use whatever thubmnail value you have setup in your media settings.

Here’s some CSS that you can add to your theme or “My Custom CSS” plugin to help style the layout :
.thefoundation-gallery img { margin: 0 !important; padding: 0 !important; float: left;}

See the example at the bottom of this page…

The usual fine print…
As always with any open source software, use the plugin at your own risk. The plugin is offered “as-is” without any warranties. We recommend installing this on a test site and thoroughly trying it out before you apply it to your live site. We’ll try to answer any questions you have here in the comments but can’t guarantee a timely response.

Get it: SequentialGallery-1.0

Example gallery – images from InterfaceLift.com:

 

2 Responses to Sequential Foundation Photo Gallery plugin

  1. Aaron Hung says:

    Hi Noel, I was wondering if you can help me with my Pagelines. On the homepage, how did you make it so that most your post at the bottom split into two columns?

    Also, how do you get rid of the Pageline logo at the bottom?

    Thank you 🙂

    • noel saw says:

      Hi Aaron, sorry the answer is going to be longer than I have time and space here.

      You can hide the logo if you want through CSS. Use Firebug to find the CSS and set the display to none for that element.

      My best suggestion is to buy the theme so you can get support for it. The new Platform Pro 2.0 coming out kicks some serious butt!

Leave a Reply

Your email address will not be published. Required fields are marked *