How to Create an Image Gallery Album in WordPress

How to Create an Image Gallery / Album in WordPress?

Do you think that a post with text and several individual images will be quite boring? Or what do you do when you need to add too many images into a post? Making a gallery will be the best option for you in that case. The gallery will gather your images and display them in a beautiful album which makes your post look more professional and attractive. So, It’s not too difficult to create an image gallery. Everyone just needs some simple actions to do that. Follow up our below instructions for that.

Advantages of creating image gallery / album in WordPress

As we said above, instead of showing images in the traditional way that is boring with displaying one by one, from top to bottom, you may gather all the image into an area, arrange them all as an album by the gallery feature.

 creating image gallery / album in WordPress

All the images are arranged as an album by the gallery feature

Do you think it is more convenient and attractive to the reader?

Of course, it’s able to zoom out and show off whole the image when the reader clicks to each one. More professional? I am sure that your audience will be more interested in the post when you did it.

So, let’s go ahead to know how to create the image gallery in WordPress to get the amazing display for your post.

But, you need to know one thing first: There are 2 kinds of the interface in WordPress as “classic editor” and “Gutenberg”. The movements in the 2 these interface are quite different, so I’ve separated them into 2 parts for instruction.

How to create an image gallery / album in WordPress with “classic editor”

Step 1: Pick up images for the album

Look up the button “Add media” and press it.

create image gallery / album in WordPress with “classic editor”

You can choose to upload multi images from your computer or pick some from the current media gallery.

Step 2: Create the gallery / album

After picking up images, look at the left bar and click “Create Gallery”, then click “Create a new gallery” at the right corner.

create image gallery / album in WordPress with “classic editor”

Step 3: Setup the gallery / album

Now, your screen will show this:

create image gallery / album in WordPress with “classic editor”

You can add captions for each image, choose which layout, size,… to show images in the right bar. After that, click “Insert gallery” to add this album to the post.

That’s done. Save the post and take the preview.

I made it with some demo image as below:

In the classic editor of WordPress, you will meet some disadvantages as below when you create any gallery:

  1. The image will be open in a different page without any navigation to view other images. You must come back to post and click to view another. It’s quite inconvenient!
  2. It’s not fully responsive
  3. It does not automatically crop your images in some layouts
  4. It’s depended on the theme and almost albums will have the same style.

However, if you are using Gutenberg, you will not meet the 3 first points. Let’s do it with Gutenberg now!

How to create an image gallery / album in WordPress with “Gutenberg”

Step 1: Create an album

In the post editor, look up the “plus” symbol in the left top corner, click it and a  popup will be shown.

create image gallery / album in WordPress with “Gutenberg”

Find and click the “Gallery” block in the popup, maybe by the search tool for fast.

Step 2: Add images to the album

Now, in your post editor, a new block is shown as below image.

create image gallery / album in WordPress with “Gutenberg” Step 1: Create an album

Click “Upload” if you want to get images from your computer or “Media Library” if you want to pick images from current ones on your web.

This window will display, pick up images then click “Create a new gallery”.

create image gallery / album in WordPress with “Gutenberg” Step 1: Create an album

Then the window changes, click “Insert Gallery”.

create image gallery / album in WordPress with “Gutenberg” Step 1: Create an album

Step 3: Setup the album

Now, you will come back to the post editor but there is a beautiful album already. If you don’t want to change it, do nothing. If you want to change anything, click the album. You can add or remove any image, or change the layout by adjusting information at the right bar.

create image gallery / album in WordPress with “Gutenberg” Step 1: Create an album

Finally, save your post and you get all done.

As my own opinion, the gallery created on Gutenberg is more beautiful, but not much option for layouts. However, you can view full image with navigation to view next / previous image also view all of them in a popup up which you can close to continue reading the post without loading any page. It’s more convenient.

So, you know how to have an amazing image album in your post now. If you want to have more layout for the album, try some WordPress plugins for the gallery.

Wish you have more attractive content with this tip!

Leave a Reply

Newsletter

Subscribe to our newsletter to receive news and tutorials about our themes and WordPress.