UPDATED ON APRIL 17, 2020
PUBLISHED ON JULY 07, 2017
Do you want to create an image gallery in WordPress? You’ve landed at the right place. Here are a few tutorials on creating image galleries with inbuilt gallery options and using a plugin. And as we all know, there are two editors; Classic and Gutenberg Block Editor. So, we will be also be showing how to add image galleries in these two editors.
It is super easy and also galleries make your site more interesting and engaging. WordPress has provided an incredibly simple way to add image galleries anywhere on your site. However, many site owners fail to take advantage of this powerful feature. The built-in gallery option is a bliss to work with. You can post your amazing photos, edit them, add captions, links, and more in WordPress.
Many WordPress plugins help us add an engaging image gallery in WordPress with a little more control over our galleries. Today, here at DevotePress, we will show you how easily you can create an Image Gallery in WordPress. We are going to be displaying the galleries with both an inbuilt gallery option and a quick WordPress plugin.
So, are you ready to learn? Let’s dive into the tutorial.
Create an Image Gallery in WordPress without Plugins
As mentioned earlier, WordPress comes with an inbuilt gallery feature that lets you create an image gallery without any difficulties. This feature is very basic and does not include that many options. However, it sure gets the job done if you want a simple image gallery.
For Classic Editor
First, you need to edit the post or page you want to add the image gallery. On the post edit screen, click on the Add Media button to upload the images.
This will bring up the regular WordPress media uploader. Click on the Select Files button to upload your photos. You can also select images that are already in the media library.
After you are done uploading your images, click the Create Gallery from the left column.
Now, click on the “Create a New Gallery” button on the bottom right.
The media uploader will now show your selected images with gallery settings. You can also add captions to each of your images in your gallery.
You can even choose how you want your images to be linked, the number of columns and image size to use in the gallery.
Click on the Insert Gallery button after you’re finished with all the edits.
This will close the media uploader popup and you will be able to see your image gallery in the post editor. You can now either preview or publish the post/page to see your gallery in action.
For New Gutenberg Block Editor
Adding an image gallery in the new Gutenberg Block Editor is slightly different than Classic Editor but it is very easy and quick. The new block editor is now enabled by default. First, you need to go to your post block editor and click the + icon to add an image gallery.
Click on the Gallery block and it will provide you an option to upload your gallery images.
Select the images you want to display on your gallery and click on Create a new gallery button that is located on the bottom right of your screen.
You can now add captions to your images. Click on Insert gallery once you finish with your captions.
Now, you can see your images in the post editor. Here are a few tweaks you can perform very easily like reordering, adding captions, caption customization options, add links, open in a new tab, text color, and more.
Once you are done with your customization, you can either preview or publish the gallery to your site.
Finally, head to your website to see your new gallery in action.
Create an Image Gallery in WordPress using Plugin
By now, we know what default gallery option actually includes. It does not provide full control over your gallery. If you want to tweak other areas/ features of your gallery, then, we suggest you go for a simple Gallery WordPress Plugin.
In this tutorial, we are using a quick solution – Catch Gallery, a simple yet versatile WordPress Gallery Plugin. The plugin is extremely lightweight and responsive. Catch Gallery is free of cost and you can get in the WordPress Plugin Directory. It provides full control over your galleries so that you can make your gallery engaging and aesthetic for your visitors.
For Classic Editor
It is extremely easy to use Catch Gallery plugin in the classic editor. You just need to install and active the plugin. After activating, edit the post/page where you want to display your gallery.
Now, create a gallery as you normally would; by uploading files via Add Media.
Click on Create Gallery and start adding files. Then, click on Create a new gallery button on the bottom right corner.
On the right side, you will see the Gallery setting. Customization options like Captions, Link To, Columns, Random Order, Size, and Gallery Type are available. Once you are done, go ahead and Insert the gallery.
You can now Publish your gallery and visit your site to have a look at it.
For Gutenberg Block Editor
If you are using WordPress 5.0 or higher with Gutenberg editor as your default editor, you will have to create the gallery a little differently.
After activating the Catch Gallery plugin, head towards the post or page where you wish to add your gallery.
Instead of directly adding the gallery block, you first need to enter a Classic Block. For that, visit Add Block > Classic Block. You’re likely to find the Classic Block under the Formatting tab.
Your Classic Block is now ready. Click on the “Add Media” button to create and add your gallery.
Now, Click the “Create Gallery” option and start adding images to your gallery. After you’re done creating your gallery, you will now see the ‘Gallery Settings’ on the right side of your screen. You can customize it the way you want and click on the ‘Insert Gallery’.
And that’s it. Visit your site to see the attractive new gallery you just added.
We hope this article helped you create an Image Gallery in WordPress. We have provided the possible ways to add a gallery using both Classic Editor and Block Editor. If you want more control over your galleries, then we suggest you go for the Catch Gallery plugin and control how you want your galleries to be displayed.
If you have anything to ask, add, or share, feel free to use the comments section below.