Are you looking for an easy way to show
off all your images on your WordPress
website? Well keep watching in this
video I'll show you two methods you can
use to add image gallery in WordPress. WordPress makes it really easy to upload
images to a post or a page but if you're
doing multiple images on your post or
page then you might want to be able to
manage them using a gallery. Well by
default WordPress actually does come
with a built in gallery and a lot of
people don't know about that. To show you
what it looks like we're gonna go to a
post and I'm going to add a new post and
let's just create something like a
vacation you can add the media. From here
you can either add the media from your
media library I need to upload the files
first so I'll find them I'm going to go
from my folder select a few of the
images and you can either drag and drop
or you can also use the upload button
there. Down here you see them coming in
and once they're uploaded we'll be able
to work with them. All right now all the
images that I want to use are uploaded
we can go over here and you can create a
gallery. When I click create gallery it
automatically selects the ones that I've
just uploaded you can see that they're
selected by the little checkmark. If I
don't want that one I can just click on
that right there and it'll remove it
while we have them selected you can
select the image here and over on the
right you want to make sure that you
have a title and the alt text. The alt
text is important for two reasons first
SEO purposes it's great to have
description of the image that will help
with search engines and more importantly
it's important to have the alt text for
visitors who can't see the images and
maybe they're using a browser reader to
read what is on the screen for them. So
make sure you have the alt text set up
for all of your images and once I add
all the images to the gallery that I
want I'll go ahead and add this one too
you see down here there all of the
images that are currently selected to go
into the gallery that we're creating
once we're ready we can click create new
gallery and then it will bring it all in
to this area. So you can decide how you
want to link it either an attachment
page, its own media file, or none so that
means if somebody clicks on
image it won't attach to it won't go to
anything. You can also choose how many
columns to display the random order will
simply put the pictures in different
order each time someone views it and
then you can also choose the default
size that you want. Once you're happy
with all that just click insert gallery
and then you'll see how it looks in the
post. From here you can actually click
somewhere in it and then you see a box
come up this will let you either remove
the gallery or you can edit the
gallery. Now if you remove it you won't
see that gallery anymore and you'll have
to recreate it you can also go in and
edit. So once we're happy with that
let's click publish and we can see it in
action. So that was pretty super quick
now there's a couple of downsides to
this for one when I click on that image
it will open it up into its own
attachment meaning it'll go to its own
page and see like clicked on that so now
it has its own page up here and if the
person wants to go back to the page that
we were on then they'll have to click
the back button so there's a little bit
of a disconnect for the user experience.
The next method that I'll show you is
using a plugin and the plugin that we
like to use for galleries is Envira
Gallery so to do that let's head over to
our WordPress dashboard. I'll go down to
plugins add new and up in the search
area you want to look for Envira Gallery.
This is the one we want so let's click
install now and once its installed go
ahead and activate it. Now that it's activated
we can create galleries from down here
so let's head over to gallery
add new and I'll show you how you can do
this. Here we can add the title that we
want to use for the gallery from here
you can either select native Envira
Gallery that means select items from
your computer like the other one did or
you can do from other sources since we
already have them uploaded we can choose
other sources and pick the images that
we want to add. In order to make sure you
have all of them selected you'll need to
click ctrl or command click and then
that will make sure that they're all
coming over.
You want to do the same thing that we
did before where you make sure that the
images have a good title and a good alt
text. You can also see down here we have
the ones that are selected that will go
into the gallery. Once we're happy with
that let's go ahead and insert into
gallery and we'll scroll down and what
that does is that pulls them all in down
here so that you can adjust them how you
want you can left-click and drag and
move them from here you can click on the
little button to edit each individual
information here including the alt text
you can also delete from here. So now
that we have the images in let's go
ahead and do the config tab because we
want to choose how many columns to use
automatic it just tries to determine the
best fit for your website and that also
makes it easier on mobile. The default
settings on many of these are really
really good so we'll just keep that for
those and the other thing you want to do
is click on the lightbox. The lightbox
just enables the images to come up in a
pop-up without the user leaving the page
so that makes it really easy for them to
view the images that you're showing them
and then they can go back to the page
that they're on without any issues and
now that we've made sure that both of
those items are selected you have all
these other items that you can choose
from and you can grow with this plugin,
there is, this is the free version but
there is also a pro feature that will
allow you to do many many more things.
So if you're really into photography or
really into a lot of images on your site
you may want to take a look at it. So now
that we've created this gallery we'll
click publish and I'll show you under
Envira Gallery then you have all the
galleries that you've created in one
location that you can manage and edit
from there. I want to show you what it
looks like in our post so I'll go
back to our post go to all posts and we
were working on the vacation and I'm
going to scroll down to below the
default gallery and now we have a new
button here called add gallery the only
one we have so I'll
select that one and click insert and now
you see this bit of shortcode I'll just
leave that there and I'll leave this
gallery up here so we can take a look at
the difference.
So we'll update that, take a look at the
page, and now this is the WordPress
version of the gallery and then now we
have because I had it automatic you see
that the Envira Gallery is showing them
like that and you can, and that's just
automatic if you want them in its own
columns you can choose that as well. Once
I click on this image you see it comes
up in a nice lightbox pop-up like I was
talking about and you see the images
that you can go back and forth on. Very
easy, very user intuitive, and then you
can either exit out here or just click
anywhere on the page and it'll take them
back to the page. So those are the two
main methods that we recommend on
creating an image gallery on your
WordPress website. Did you learn
something from today's video? If so
subscribe to our YouTube channel and
we'll send more helpful tips to help you
manage your WordPress website and thanks
for watching
