Tag Archives: asterisk

WordPress – how to add a slideshow to your blog

The following how-to uses the WordPress interface [as at July, 2020], not the old Admin. Dashboard. When you’re done, you’ll end up with a small, slideshow of images that can be quite effective at catching the eye of casual visitors.

Requirements

You will need at least one sidebar in your theme – i.e. a visible area next to or below the spot at which your blog posts normally appear. I have two sidebars on my theme and they both appear to the right of the blog post area:

WordPress sidebars depend on the chosen theme

My particular theme also allows me to have a ‘footer’ bar, and this is where I’m going to put my slideshow.

Next, you will need to have images to place in your slideshow. Yes, obvious, I know, but you will need to:

  • edit the images so they’re all the same size – it looks better,
  • upload the required images to the WordPress media library before you begin creating the gallery.

Once all the images have been uploaded* to your media library, you’re ready to begin:

  1. If you are in Reader, click the tab for ‘My Sites’ [top left of your WordPress screen],
  2. From the list of available options in My Sites, click ‘Design’,
  3. Design has two further options – Customize and Themes. Click ‘Customize’,
  4. From the Customize options click ‘Widgets’,
  5. You should now see the areas that can take Widgets**

As mentioned earlier, my particular theme has three such areas and they look like this:

Areas capable of taking Widgets

Finally, select the area in which you want your gallery [Widget] to appear. For me it was ‘Footer Widget Area’.

You should now see a button for ‘+ Add a Widget’. Click it to be taken to a list of available widgets [listed in alphabetical order]:

List of available widgets

Scroll down the list until you reach ‘Gallery’. Select it. You should now see the gallery widget, ready for you to use:

Type a title for your gallery [because you can have more than one], and then click the ‘Add Images’ area as shown above [big red arrow].

You should now see the images in your Media Library. Unfortunately, there is no helpful message to tell you what to do next. A simple ‘Select an image’ would have been so helpful…ahem.

Click the first image you want to include in your gallery. Don’t worry about the order because you can change that later.

On the right of the library of images you will now see a box for adding information about the image you have chosen. Type in the title and…

DO. NOT. CLICK. ‘Add a New Gallery’ ! ! ! This is not how you complete the selection of your first image! ! !

Okay, I’m really going to get grumpy here with the WordPress developers. Not giving any clues as to where bloggers are supposed to go next is just asking for trouble. Most people are not mind readers. Really poor design.

To complete the selection of the first image and go on to select a second image…just click another image. Yes, I know, about as intuitive as a kick to the head.

Continuing clicking images until you have selected all the images you want to place in your slideshow. At this point, mine looked like this:

Images selected for the gallery/slideshow

Down the bottom of the screenshot you can see the six images I chose. The bit on the right shows details for the last image I chose. I added a title for clarity, but you will get a chance to add a caption later. Last but not least, there is the blue ‘Create a new gallery’ button. Now you can click it.

The next screen will be the ‘Edit Gallery’ page. Here you can re-order the sequence of images by dragging and dropping them into the correct position. You can also add captions to each image and change the size of the image [Thumbnail is the default]:

The Edit Gallery page

I only added two captions to these images, but I did move the image for The Vintage Egg to the end of the list.

When I was happy with the sequence of images, I clicked the small down arrow next to ‘Type’ to show the available display options [the default is Thumbnail Grid]. Down the bottom of the list is ‘Slideshow’. Click it and then click the blue ‘Insert gallery’ button as shown.

Almost done! You should now be looking at a preview screen. As my gallery is in the footer, I had to scroll all the way to the bottom to see it working:

The preview screen showing the slideshow working

If the preview doesn’t work as expected, click the ‘Edit Gallery’ button to the left of the preview. If everything does work as expected, click ‘Done’ [to save the gallery].

Finally, click ‘Save Changes’ to save the whole lot.

To exit from the customize area, click either the back button or the ‘X’ button [to the left of Save Changes].

Apologies for making this such a long how-to, but I wanted it to be suitable for even the newest blogger. And some of the interface was down right murky.

Have fun,
Meeks

p.s. this post was created using the block editor. To get the * asterisks down the bottom to show as asterisks [instead of automatically beginning a bullet point list], I had to press the spacebar a couple of times. Apparently this ‘told’ the block editor that I wanted to stay in the paragraph block. -rolls eyes-

* Please contact me in Comments if you need help getting to this step.

** Widgets are small ‘apps’ that you can insert into your blog to make it work the way you want it to. Widgets can include anything from images and buttons to galleries and links. Widgets can only be placed in certain areas of your blog. Those areas will depend upon the type of theme you chose when you first created your blog.


%d bloggers like this: