Image Galleries are the best way to showcase your multiple pictures in one place. We can easily create and post Image Galleries in WordPress. In this post, we will check what is Gallery and How to Create an Image Gallery in WordPress with and without a plugin.
What is Gallery?
The gallery is a collection of pictures. WordPress has its own built-in create Image Gallery feature that allows you to add multiple images to a post or page in a single step.
You can easily upload images using add media option to post or pages in WordPress. However, if you add multiple images, those images will appear one by one and viewer need to scroll a lot to see all images. By creating an image gallery, images will display in a grid layout. Readers can click on thumbnails to launch a full-size image. With the slideshow option, images will automatically move from one to another with a certain time gap.
Image Galleries are the great way to showcase your pictures professionally in less space to your viewers.
How to Create an Image Gallery in WordPress?
You can create an Image Gallery in WordPress using 2 methods. You can easily create a gallery using WordPress built-in create Image Gallery feature and another one is using a plugin. Let’s check how to create an Image Gallery in WordPress using both methods.
Creating an Image Gallery using WordPress create Image Gallery feature:
Step 1: Login to your WordPress dashboard and create a post or page or edit the post where you want to add an image gallery.
Step 2: On the post edit screen place the cursor and click on add media button on the top of the visual editor menu.
Step 3: Click on upload files to upload the new images or go to media library to select the old images.
Step 4: Now click on create gallery option from the left menu and select the images from media library and click on create a new gallery option at the bottom of the screen.
Step 5: Now this will redirect to gallery settings. Here you can add captions to each image, drag the image to change the order and edit the following options.
Link to: Select where you want to link the image from the list attachment page, media file or none.
Columns: The number of columns to display. Make sure to test before applying as this may get affected by your current theme. This option doesn’t apply for slide shows.
Random order: Check this box to change the images order randomly every time in your slideshow and gallery.
Size: Select the image size you want to display from the list thumbnail, medium, large or full size.
Type: Select the image type you want to display from the list thumbnail grid, tiled mosaic, square tiles, circles, tiled columns or slideshow.
Step 6: now click on insert gallery option at the bottom of the screen to insert the gallery into the post or page.
Now shortcode will be added to your post. Click on the preview option to check the gallery preview and publish the post.
Creating an Image Gallery using Envira Gallery plugin:
Envira gallery is the best responsive gallery plugin which allows you to create fully functional Image Galleries in WordPress.
It comes with so many features like drag and drop builder, gallery templates, responsive mobile friendly, standalone galleries, super size lightbox images, albums addon, social sharing add-on, videos addon, watermarking addon, slideshow addon, deep linking addon, pagination addon and so many add-ons.
First, you need to install and activate the Envira gallery plugin on your WordPress website. Check this step by step guide to install and activate the plugin. Upon activation follow this step by step guide.
Step 1: Now click on add new option under Envira gallery in your WordPress dashboard to create a new gallery.
Step 2: Now give a title to your gallery and click on select files from your computer to upload new files from your computer or click on select files from other sources to add images from your WordPress media library.
Step 3: Added images will appear in the images section. Click on pencil button to edit the image settings like title, alt text and URL of each image and click on save Metadata to save the settings.
Step 4: Now click on config tab to edit the following options.
Number of Gallery Columns: The number of columns to display. Automatic will fill each row as much as possible or can select up to 6 columns from the drop-down list.
Enable lazy loading: you can enable or disable the lazy loading by checking the box. Enabling lazy loading helps improve the performance by loading the images when they are visible.
Lazy loading delay: Set a delay time to load the images in milliseconds.
Automatic layout Row height: Determines the row height in pixels.
Automatic layout gallery theme: Set the theme for the gallery.
Image size: Select the image size you want to display in the gallery from the drop-down list default, thumbnail, medium, medium-large, large or random.
Image dimensions: adjust dimension based on the number of columns. This option doesn’t apply for full-size images.
Crop images: Check this box to crop the images to match the exact size defined in Image dimensions.
Step 5: Now click on the lightbox to change the lightbox settings. Here you can enable or disable lightbox, change the gallery theme, image size and caption position.
Step 6: Now click on publish button to create an image gallery.
Step 7: Now create a post or page or edit the page where you want to add an image gallery and click on add gallery.
Step 8: Now this will redirect to available galleries. Select the gallery and click on insert option to insert the image gallery to the post.
Now shortcode will be added to your post. Click on the preview to check the gallery preview and publish the post.
I hope this article helped you to know more about Image gallery in WordPress.
If you liked this post, please share this article on Facebook, Google + and Twitter.