Blog

WEBFI-WordPress-How to Create an Image Gallery in WordPress



Do you want to create an image gallery on your WordPress site? An image gallery lets you add photos in rows and columns to display more photos with less space while still being visually appealing. In this video, we will show you how to easily create an image gallery in WordPress that makes your photos look even better.

This video is sponsored by MonsterInsights, take a look at MonsterInsights here:

https://www.monsterinsights.com/

To get a 50% discount, use our discount code WPBVIP

Timestamps
0:00 Intro
0:20 Create a post for images
0:40 How to add a Gutenberg gallery block to your post
1:27 How to customize an image gallery in WordPress
4:40 How to create a gallery using Envira Gallery plugin
8:28 How to view your galleries on your website

For the first method in this guide, we will be using the default WordPress gallery block. Start by creating the post or page you would want to have it appear on and click the add block button and select gallery to add it in your content area.

You can now select the images you want to be included, you can use shift+click to select multiple files to upload at once. You’ll have the options to reorder and caption each of the images should you want or even add additional images. The standard gallery widget even includes a way to change how many images are in each column and where the gallery links to.

Should you want more control over the gallery, you would want to install and activate the Envira Gallery plugin found here:

https://wordpress.org/plugins/envira-gallery-lite/

Create a new gallery, name it whatever you like, and add your images to the gallery. The plugin allows you to link individual images in the gallery to specific URLs.

The same as the default gallery you can decide how many columns to use or have the column count be determined by the plugin. Envira gallery gives you the additional power to lazy load the images, that way the images are not loaded until your visitor scrolls down to the images which can improve loading speed on your site.

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Feel free to take a look at the written version of this tutorial here:
https://www.wpbeginner.com/beginners-guide/how-to-create-an-image-gallery-in-wordpress/

Check us out on Facebook
https://www.facebook.com/wpbeginner

Follow us on Twitter
http://twitter.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

source

12 Comments

  • Terry G on October 31, 2019

    Thanks!

  • Aqua Man on June 20, 2020

    You guys are the best. My first go-to site if i need any help. can you please let me know how to add multiple images from imgur as an image gallery. right now i can add them one after another only. i want to add it with multiple columns. Thanks

  • Pickel Rick on June 30, 2020

    I use the old wordpress style of post editor, I don't have a + button is there a plugin?

  • Ant Brad on August 2, 2020

    Hi, how could I create an image gallery of different size images rather than have same size in a row… i.e. let’s say I wanted to create a grid according to the amount of pixels on screen and I wanted a 100px X 50px image … and another image 200px X 300px and so on until I fill the screen with images which in this case would basically criss cross each other… in other words none of these images would be aligned to another… I’d very much appreciate your help on this…. thank you… p.s I’d imagine there’s a plug-in grid out by now to do this or maybe a set of ready made css code?

  • Steve Allen on August 29, 2020

    I'm in love with the female voice speaking in this video. I could listen to her all day and all night….Such a beautiful voice.

  • Shubham Tripathi on October 6, 2020

    hey is it possible to stop a user from zooming into the image , only allow if they provide their contact no. , email

  • Jackson's Ramblings on December 22, 2020

    I installed it just like the instructions in the video said but all I got was gibberish on my site when I published it.

  • Kelvington on February 24, 2021

    Very helpful, very usable tutorial! Thanks!

  • Hossam el-Hamalawy on March 4, 2021

    Thanks for the tutorial. I have a small question: What if I had already several (WordPress default) galleries embedded in posts, and then I install the plugin, will the old WP default galleries also open in lightbox? Or do I have to go back to each posting and reconfigure the old galleries? And re the latter, is there a method to re-configure all old galleries with one-click?

  • Sanket Pawar on April 15, 2021

    Thank You for video but I want to add link for every image in gallary so how can I add this

  • Uptown Photography on May 11, 2021

    Very well done video…
    Question. I am designing my new photography site with Elementor. (I am also new to WordPress). Is the Envira Gallery Plugin compatible with Elementor? Or, if not compatible, can I still create the gallery in WP, even though the rest of my new website is being created using Elementor. Thanks very much.
    Philip
    Uptown Photography

  • Viola Blomsterbed on June 3, 2021

    Hello wpbeginner, I am looking to create page with 2 columns to display sliders, that has a category to be filtered.
    Is that possible ? I Use the Enfold theme which does not have this option, so I was looking for a plugin that category sliders but all are for woocommerce which I do not use. I also need a 'load more' button..
    I seems so simple yet proven to be rather complicated 🙁
    Many thanks in advance,
    I love your videos because they get right to the point and have used them alot, thank you!

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
loading
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy

 

 

WEBFI NETWORK OFFICE HOURS 

Mon-Sun from 8:00 am /4:00 pm USA-ET

WhatsApp us

Small Business – WordPress – CPanel – Hosting

© Webfinet Affordable Private Small Business Solutions All Rights Reserved 2021 - Powered By Marquez.Group
error: WEBFINET SECURITY IS ON