How to put multiple pictures onto a website post

WordPress offers several very nice options for picture galleries. Including a bunch of pictures individually can give some wierd results and is not recommended. It is assumed you are working on a full sized screen.

  1. You will need to be logged into WordPress.
  2. If you want to have a go, you will need several pictures to use, so upload some first if you need to.
  3. Create a new post using the blog editor https://wordpress.com/post/wpbells.org  (That’s important – there are several different editors in WordPress and they handle galleries in slightly different ways)
  4. Start the post with some text if you want to.
  5. Click the “add media” button (top left of the editor bar)
  6. Click 2 more more pictures in the order you want them to appear. Then click the bottom right hand button “CONTINUE”
  7. You will see this screen: creating a picture galleryand you can choose which type of gallery you want. The default is Tiled Mosaic and it’s a really good one so let’s try that. Click “INSERT”.
  8. In the Visual Editor screen you will see the mosaic. Click on the HTML view…gallery in HTML view…and you will see that the gallery is a very simple list of photographs with a type. The “IDs” here are the internal identities of the photos, not something you usually see. Click PREVIEW to…
  9. View your post, and click on one of the images. You will see it in full screen, slideshow, mode. This should be something that most users are familiar with. You can see what it will look like on different screen sizes in Preview mode.
  10. Click the small cross, top left of the screen, to close the slide show and return to the post. Close the Preview as well to…
  11. Top Tip – you can copy the URL of a slide show page if you like, and link it from other posts. 
  12. Return to the post editor and call up the VISUAL window so that you can work further on your gallery.
  13. Now, if you click on an image, you will see a pencil and a cross. The cross will delete the whole gallery. The pencil will let you edit it.
  14. At the top of the gallery editor box is an “EDIT” tab. Click that and give each picture a caption. *This caption is added to the photo in the media library as well, as the “default caption” for that image.* Therefore, if a picture already had a caption that is unsuitable, best to upload a fresh one for your own use, rather than change the previous webmaster’s caption.
  15. Now, you can PREVIEW your post. If you HOVER over an image, your caption will appear at the bottom. If you CLICK one, the slide show will appear, together with the caption. Neat, eh?
  16. Top Tip – Hovering also displays the file name of the image. So it’s helpful if people give images informative names, including the name of the photographer if possible.
  17. Now finish off your post (sensible title, correct categories, Feature Image if it’s a headline) and Publish
  18. Why not experiment with different gallery types? The SLIDESHOW type will scroll automatically through your photos… so that’s a nice one to use as well. The slideshow is smaller though.

If you got stuck or if you found any of these instructions confusing, please say so using the reply box below. RM

 

Leave your comment on this page.....

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s