Magic Moment: Creating an easily viewable gallery

Blog tuitionThis post is for all your bloggers out there who deal with pictures or photographs in your businesses. You will, of course, be fully aware how brilliant blogs are at displaying your wonderful images, and I expect your blogs are bursting at the seams showing off your sumptuous fare.

There are many plugins available to create a gallery in your blog, professionally providing a slide show or a fancy fanfare of imagery. But I find these moving applications a bit annoying, and anyway, once a picture has gone by you won’t see it again until it comes around the next time.

So I wanted to work out another way of showcasing to potential clients without any complicated technical stuff, and it works simply on WordPress’s existing ‘Library’ in your ‘Media’ section, located through the left sidebar while you are in ‘admin’ mode.

Attachment Display SettingsThis is where WordPress stores all the pictures you’ve used in your posts and pages, ready to be used again whenever you need them. Each image is given its own URL, which you can use in many ways to display throughout your blog, for example, in a text or image widget in the sidebar.

So, why not take advantage of this to display your images? You could upload a large version of your perfect picture (suitably watermarked to preserve your copyright) into the gallery. Once published, when somebody clicks on the picture they will be able to view it in its own personal page (click on any image to see what I mean).

Edit Image IconIf you can’t display this picture in its original size, you could resize it before you paste it in your gallery page. When you upload your picture, the Attachment Display Settings menu will provide the option to paste it as the thumbnail size if this is applicable.

Otherwise you will need to resize it when it is in situ. The picture’s editing menu is reached by clicking on the image in ‘edit mode’ to show the editing icons in the top left corner. Click on the mountain icon to access the edit menus, and then select ‘Advanced Settings’ in the tabs above.

100% sized image60% sized image

You can resize your picture by by selecting the desired percentage in the sidebar, as shown above, or by changing the number of pixels.

Reduced Size Image

Remember you only need to change one dimension, as WordPress will calculate the other for you.

Reduced Size Image

Now you can display your pictures as icons that can be clicked on to show the picture in its true dimensions and detail in its own page. As these pages are created automatically, there is no extra work for you, but there is the inconvenience that you cannot edit these pages to include navigation or a call to action to further your business, and the visitor will have to click on the ‘back’ button to return to your website.

The following two tabs change content below.
Alice Elliott writes the award winning Fairy Blog Mother blog for beginner and post-beginner bloggers to “explain things really simply” about blogging and WordPress. She provides simple, easy to understand, highly visual courses and tutorials using ordinary, everyday words. Visit her new Beginner Bloggers blog to find her latest learning resources.
Sharing is caring

Please leave a comment, we would love to hear from you!

Important GDPR stuff: before you submit your comment, you will be asked to leave your name, email and web address, so we request your permission to display this data within our comments. Be reassured this information will not be collected onto lists or used for any other purpose.

  • Thanks for the informative post. I wasn’t sure how to put a picture in the side bar but now I do. Thanks!

  • >