Three no-code methods to lay out multiple photos in WordPress

Many WordPress users want to know how to display multiple photos in their blog articles, and lay them out effectively on the page. At first glance, WordPress doesn’t seem to be well-equipped to do some things easily. But there is usually a way to achieve anything you want, even without knowing how to code!

The good news is, there are several methods you can use to easily lay out multiple photos, side-by-side, in a WordPress post. Here are three suggestions:

1. Use galleries

WordPress has a built-in feature called “Galleries.” This will display multiple photos in a grid or slideshow.

To create a gallery, click the “Add Media” button at the top of the post edit screen, then choose “Create Gallery” from the left-hand side. Upload the photos you want in your gallery, choose your desired options on the right-hand side, then click the “Create a New Gallery” button to add it to your post.

The downside of this method is that the output isn’t very pretty – in the grid above, I have chosen not to link the images to anything. This means they are cropped into squares. If you want to link to the full-sized images, you can, but these will just open in a new window on their own.

A more advanced way of using this method is to use a gallery plugin like NextGEN – this will make your galleries look way more professional!

2. Use tables

Luna Park Kennedy Space Centre

HTML tables are a bit of an outdated way of displaying web content. However, when it comes to laying out elements on a page, inserting tables is one option to ensure a neat layout.

You can already create tables in WordPress if you know the HTML code. But I promised no coding! So instead, try out a plugin called Ultimate TinyMCE. This plugin has a huge array of options for adding various types of functionality to the WordPress editor.

Above, I’ve used the tables option of the plugin. If you’ve ever used tables in a word processor, you will be able to use them here with no issues. The bonus of this option is that you can mix up the images with text in the other table cells, if you like.

3. Create a composite image


Another option is to lay the images out in an editing program, such as Photoshop (or a free version such as Gimp or Picasa). You can even try an iPhone app, if you’ve taken the photos on your phone. Some options are Diptic and Frametastic.

After you’ve created the composite, you can upload it to your blog article.

This method may work the best for you if you are competent with the software, or if you’d like to add other embellishments like textures or text effects. You will have the most amount of freedom over the layout, however, this is also to the most time-intensive option!

Why don’t you go ahead and try out one of these options? Or perhaps there’s another one I haven’t thought of…? Let us know in the comments!

Leave a Reply