How to create a simple gallery in your posts

Art Gallery in New South Wales, via Flickr
In this post I shall be concentrating on a WordPress.com blog, as here you have many more options for your gallery.
First get your images ready in advance. They will need to be optimised to a resolution of 72dpi (I'll explain all about this in another How To post later), and of an appropriate size. They don't need to be the same size as how they will show in your gallery, but it's best that they are not huge!
Then once they are all ready and safely placed in an appropriate folder in your computer, you now have to upload them into your blog's Media Library.
Uploading into your Media Library
At the top left corner of your blog, click on 'My Sites' to activate the drop-down menu, and in it find 'Media Add' to click on it:
Alternatively, if you're already in the Dashboard, you can find it via the left sidebar:
Once you've clicked on it, you will see this page:
Click on the Select Files button to access the files in your computer:
Find your newly created images, select them all together and click on the Open option. Now they should start to upload into your blog's Media Library:
When everything is finished they will look like this:
But I don't want you to start clicking on any Edit links, I want you to see your images in the Media Library. Go to the left sidebar and find 'Media' and then click on 'Library':
And you will see your newly uploaded images safely installed:
This also will give you an indication of how your gallery could look.
Now we want to place these images as a gallery into your post. So, we open up a new post editing page by finding 'Posts' in the left sidebar and mousing over it to activate the drop down menu. Find and click on 'Add New':
In editing field, the big box where you usually type in your words, place your cursor where you want gallery to be, and then click on the 'Add Media' button:
In the Insert Media page, look in the left sidebar to find 'Create Gallery':
Once you've clicked on it, the page probably won't look much difference except for the words 'Create Gallery' at the top:
Now you need to click on the images you want to be included in your gallery (which are the ones you've just uploaded). They will have a tick placed in the top right corner once they have been selected.
Then you really should quickly optimise each image before you create your gallery. In the right sidebar you will see this menu for each image:
Fill in the details (like as above) for your images before placing them into the gallery. You will need to click on each image in turn to do this.
Once you've finished, find the 'Create a new gallery' button in the bottom right corner:
Which will lead you to the Edit Gallery page. Here you can rearrange your images by dragging them about with your mouse until you're happy with where they are. There is a convenient 'Reverse order' button to speed things up if necessary:
Now I want you to look at top right corner at the Gallery Settings menu, and I shall go through all the options in turn.
You can choose where your gallery will show. I suggest leaving it as 'Attachment Page' which is your new post's edit page.
Next you can select how many columns your gallery will have, or how many images will be positioned across the page. Since I have uploaded four images, I might as well see them side by side, so I have selected 4:
Next you get to select the size of your images. In this case I would leave it as Thumbnail because there are four images in a row. If I had chosen 2 columns, I could have selected Medium instead as there would have been more space for them.
If you want more information about these size selections, I have written about them in Understanding the Settings: Media and Ratings. The link should go there directly on another browser page.
Now you can choose how your gallery will be presented. As you can see, there are five options available, and I shall be showing you what they all look like later on in this post.
To start off, let's select the first option for convenience sake:
Now you click on Insert Gallery button in the bottom right corner:
And you will see this arrangement of your images in your new post edit page:
If you want to see how they will look when your post is published, look at the top right corner for the Publish menu, and click on the preview button:
And on a new browser page, you will see how your gallery looks:
If you don't like what you see, or want to explore other options, go back to the original browser page for editing your blog, and click on your gallery in the new edit page to highlight it (your images should appear inside a big grey box):
You will notice a little pencil appear at the top. Click on it to bring you back to the Edit Gallery page:
Now you can investigate other gallery presentations.
Let's select the Tiled Mosaic option to see what it looks like:
Go through the rest of the procedure I've outlined above to see this result:
Which I absolutely love! If you don't like WordPress's arrangement, you'll have to rearrange the image order until you're happy. Also if you want to see the captions, just mouse over the desired image and it will appear:
Now let's investigate another presentation, by selecting Square Tiles:
and this is how your image gallery will look:
Again you will get to see the captions when you mouse over the individual images.
You will only see a cropped version of your images as thumbnails, which is automatically set as 150 pixels square. Therefore you must make sure the main focus of your images are placed centrally.
If you want to see each image in its full size and dimensions, click on it to view it inside a light box. You will also notice arrows at the sides which will take you on to the next image:
Let's take a look at the fourth gallery presentation, the Circles option:
Which looks like this:
Personally I don't like this, and you don't get any captions coming up if you mouse over the pictures either.
And finally, let's choose the last option, Slideshow:
This will set your images inside a gallery that automatically moves from image to image as a slideshow. The pace is set, so you cannot speed the slideshow up or slow it down.
This is a nice piece of entertainment for your readers. At the bottom of each image you will notice a pause button to stop the slideshow to scrutinise the image at your own leisure, and arrows to move onto the next image on either side.
Now I suggest you go and experiment with your galleries for yourself!
But what about creating a gallery in WordPress.org?
If you have a self-hosted WordPress.org blog, you can access the same gallery link in the Add Media page, but you don't have as many options available to you. If you go through the same procedure as above, you will see these differences:
You get the chance to edit your captions in situ (see above) in the Edit Gallery page, and there are no presentation options in the Gallery Settings menu, so you have no choice how your gallery looks.
This is how the gallery looks in your edit post page once you've uploaded it:
How it looks when published (this gallery is live!):
And when you mouse over a picture you get a magnifying glass image:
Which invites you to click on it to view the image in its full size in a light box:
If you want to have more options in how you present a gallery in your posts or pages, you will need to upload a Gallery plugin.
You can find such plugins via https://wordpress.org/plugins/search.php?q=gallery where you can browse through all the examples there. There are absolutely loads to select from, so I can't recommend any. Which one you choose will be up to you!
Latest posts by Alice Elliott (see all)
- How to create a blog if you’re a real beginner - 9 January 2016
- Comparing blog post writing pages - 27 August 2015
- Comparing blog post listings pages - 19 August 2015
I always struggled with wordpress. I switched to blogger.com but it doesn’t seem to be any easier!!
Martin Ricky recently posted…5 Ways Writing Can Change You For the Better
That’s because you haven’t come across a blog like mine, Martin. That’s why I’m writing posts to help all beginner bloggers, regardless of how technical they are.