How to Develop an Image Gallery in WordPress (Action by Action)

Are you looking to create an image gallery in WordPress?

An image gallery lets you add pictures in rows and columns. This permits you to show more images in less space while also making it easier for users to browse them.

In this article, we will show you how to quickly create an image gallery in WordPress that makes your photos look even better.

How to create an image gallery in WordPress


Why Develop an Image Gallery in WordPress?

WordPress makes it extremely easy to include an image to your blog posts and pages You just need to add the image block and submit your image.

However, if you are adding several images, then all those images will appear one after another. It doesn’t look great, and your users will need to scroll a lot to see them all.

Adding Multiple Images in WordPress Post Without Creating a Gallery

By creating a gallery, you can show images in a grid layout with columns and rows. You can reveal thumbnails for your images, and users can click them to see the full image.

In this manner, you will be able to reveal more images in less area, and it will look a lot more expert.

Preview of WordPress Photo Gallery Using Default Gallery Block

WordPress actually includes an integrated gallery function for rapidly creating photo galleries. The brand-new WordPress block editor consists of a Gallery block to let you make a WordPress gallery in simply a few clicks.

You can also utilize WordPress image gallery plugins to create much more robust galleries with more functions.

In this tutorial, we will reveal you both techniques to make a picture gallery in WordPress.

Let’s start with the default WordPress gallery block.

Approach 1. Create an Image Gallery without a Plugin

WordPress includes a built-in function that lets you produce a gallery. This function is really standard and does not have many options, however it does the job.

Here is how you would produce an image gallery in WordPress without using a plugin.

Initially, you require to edit the post or page where you wish to include the image gallery. On the post edit screen, click the Include New Block icon and choose the Gallery block.

Add Gallery Block to WordPress Post Editor

This will add the Gallery block to your WordPress editor where you can click the ‘Upload’ button to submit photos from your computer system. You can also choose from previously uploaded photos in the media library.

Image Upload Options in WordPress Gallery Block

If you click the Upload button, then you can usually publish one photo at a time. Nevertheless, you can pick and open several images with Ctrl crucial pushed on your keyboard.

Upload Images to Your WordPress Photo Gallery from Computer

After you have actually submitted all the images, you can add captions to your images. Just click on the photos, and you will see ‘Write caption …’ alternative where you require to get in the caption.

Write Captions in Your Gallery Images

If you select the Media Library button, then you will be able to choose images for your gallery simultaneously. As you choose images, you can likewise enter the image alt text, title, and caption from the attachment information panel on the ideal side.

Select Images from WordPress Media Library

Select the images you want to add and click the ‘Develop a new gallery’ button at the bottom right corner.

Next, you will see ‘Edit Gallery’ page where you can add/review your image captions. As soon as done, click the ‘Update Gallery’ button at the bottom ideal corner.

Update Your WordPress Library

After that, your post edit screen will open with the gallery block settings panel on the ideal side. Now, you can select the variety of columns for each row, enable or disable the Crop images choice, and choose where to connect your gallery images.

WordPress Gallery Block Settings

From the Link to alternatives, you can choose None if you want your users to only see your picture. This alternative disables clicking feature for your images.

If you choose the Media File alternative, then the images will be clickable, and the image file will open when clicked. Similarly, the attachment page will open if you choose the Accessory Page alternative.

When you are satisfied with the settings, you can publish the post and preview the gallery on your live website.

For example, here is how the image gallery appeared on our demonstration website.

Preview of WordPress Photo Gallery Using Default Gallery Block

Wasn’t that quick and simple?

It looks pretty too. Nevertheless, if you produce image galleries frequently, then you will quickly discover that it does not have particular necessary functions.

For instance, your images will either be not clickable or open in a new page. If you connect your gallery images to the media file or attachment page, then the users will have to click the back button to view the gallery once again.

It is not user-friendly, and your gallery’s appearance depends on your style. In many cases, you get just one really generic style.

You can’t organize your galleries into subjects, albums, tags, etc. Your gallery is not kept anywhere and if you required to include the exact same gallery once again, then you’ll need to recreate it.

If you wish to add more expert looking image galleries on your website, then you must utilize the next technique.

Method 2. Create an Image Gallery Using Envira Gallery

For this method, we will be using the Envira Gallery plugin. It is the best WordPress image gallery plugin in the market.

Envira enables you to easily develop fully-responsive, stunning, and modern-day image galleries in WordPress. It is incredibly quickly and comes with many features like lightbox popup, simple image navigation, drag and drop home builder, and expert gallery design templates.

Let’s begin.

Very first thing you require to do is install and trigger the Envira Gallery plugin. For more details, see our action by action guide on how to install a WordPress plugin

Upon activation, you require to go to the Envira Gallery” Settings page to enter your license key. You can get this secret from your account on the Envira Gallery website.

Enter Envira Gallery License Key

After confirming your license secret, you can head over to Envira Gallery” Add New page to develop your very first gallery.

Creating a New Gallery with Envira Gallery WordPress Plugin

Initially, you need to offer a title for your gallery and after that click ‘Select submits from computer system’ button to submit your images.

You can also pick files from your WordPress media library by clicking on ‘Select submits from other sources’ button.

As soon as you upload the images, they will appear in the Gallery area.

Images in Envira Gallery Builder

You can click the pencil icon on an image to include caption, title, and alt text for each image.

Edit Gallery Image Metadata

Next, you require to click on the ‘Setup’ tab.

From here you can change your gallery settings like the variety of columns, image lazy loading, title and caption positioning, margins, heights, thumbnail sizes, image dimensions, etc.

Configure Envira Gallery Settings

After that, you require to click the ‘Lightbox’ tab.

The lightbox popup enables users to increase the size of images and browse them without ever leaving the page.

The default settings will work very well for the majority of sites, but you can examine the alternatives and change them if you like.

Envira Gallery Lightbox Options

Next, you can click the ‘Mobile’ tab to configure your gallery settings for mobile phones. It permits you to pick image measurements for mobile gadgets, make it possible for or disable lightbox, and more.

Envira Mobile Gallery Settings

After that, you can evaluate more alternatives like gallery slug and add custom-made CSS from the ‘Misc’ section.

You can now release your gallery which will make it available to be added anywhere on your WordPress site.

Next, you need to modify a post or page where you want to display your gallery.

On the post modify screen, click the Add New Block icon and choose the Envira Gallery block.

Add Envira Block to WordPress Post Editor

Clicking it will include the Envira Gallery block in the post editor. Now you can search a gallery by its name or find it by clicking on the dropdown arrow icon.

Choose an Envira Gallery to Add to your WordPress Post

After that, the plugin will pack your gallery in the post editor.

Envira Gallery Added to WordPress Post Editor

Next, you can examine your gallery settings one more time from the block settings panel on the right side.

Envira Gallery Block Settings

You can now save your post and preview it to see the gallery on your live website.

WordPress Photo Gallery Created with Envira Gallery

Clicking on any image in the gallery will open it in the lightbox popup. You can search images in the lightbox by pushing the left and right arrow keys on the screen or on your keyboard.

Envira Gallery Image in the Lightbox Popup

Your gallery will look equally fantastic on mobile as well. Users will have the ability to tap on an image to enlarge it and swipe to see the next or previous image.

Responsive WordPress Photo Gallery

We hope this short article helped you find out how to produce an image gallery in WordPress. You may likewise wish to see our guide on how to repair common image concerns in WordPress

If you liked this short article, then please register for our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook

Comments are closed.