Adding images

Helpful suggestion: write your text, or an initial draft, first and get that in before you start styling it and adding media.

Images can be used in 3 ways on this site:

  • As a featured image, which is a sort of key ‘ID’ picture associated with a particular post
  • Dropped into the main content column
  • Grouped into galleries – see special gallery help

As a featured image in the right column

See Adding a show or event. If a post or page has a Featured image set (boxed option in the right of the Admin editing area of a post or page) then this image will automatically appear in the right column. You can set a featured image for news or pages as well, but we suggest you definitely apply one for each show or event post in the archive. Click to edit this post to see how the image to the right has been assigned.

Adding pictures in the main column

A medium-sized picture, floated right.

Images can be set in amongst the text of the main column, either as full width, or smaller and floating to left or right with the text wrapping round them.

In the Admin view – place the cursor where you want the picture to appear in your main content text. Click the Add media button above the grey bar of style buttons at the top of the main content editing window.

From here, either follow the instructions to Add media files from your computer or click the Media Library tab and find a suitable existing image and click Insert into post.

Before you insert, when you select an image, a details panel appears on the right with various fields and options. (These information fields and some options are also visible when you visit the Media library list via the left admin menu).

  • First there are options to edit the image (this is best done outside of WordPress, before you upload the image, but there will be more help added about this shortly) or delete it completely. (The options appear below the image/fields if you’re looking at it via the media library)
  • The text in the Title field is displayed in galleries. By default it is the name of the file but you can and should change it.
  • The Caption field is for a caption you want to appear under the image. Whatever is written in this box will be displayed under the image and if used in galleries. However – once you have inserted a captioned item into your post or page, you can edit the text of the caption from there as well without affecting the caption that was preserved in the library, or delete it completely.
  • There are several Attachment display settings to choose from to decide how the picture will be appear in the text.
  • Attachment display settings

    • Alignment – ‘Right’ or ‘Left’ floating, or ‘none’ if it’s going to be a full width image. Ignore ‘centre’.
    • Link to – Usually an illustrative photo does not need linking at all, so set it to ‘none’. If you want to use it as a link to go to another page or website, choose ‘custom URL’ and type in your link. Ignore ‘attachment page’ (just opens it in a new page). ‘Media file’ opens it at full size in a new window, which is not usually needed – if you’ve got some photos you’d like people to be able to view bigger versions of, collect them together and make a gallery.
    • Finally, choose the image Size – For floating in text, use ‘Medium’ size. ‘Large’ is set to the full column width. (Thumbnail is the size used in lists, it may be useful for logos or tiny pictures). Don’t use full size, it will just mean you’re downloading a much bigger image than can be viewed.

    Floating images

    When you float an image left or right, it needs to be inserted on a separate line above the text that you want to flow around it. (Think about it…)

    Make sure you’ve got enough text to wrap around the first image if you want to insert another floating in the same direction further down (you could float the next one opposite instead).

    Handy hint: If something is not not appearing how you wanted it to, go into the nerdy TEXT view and look at the order of each content item. You can select the code that has just come in and cut and paste it where you wanted the image to go. Click to edit this very post and view it in the TEXT editor to see what’s going on. It’s not that scary and it will get you what you want.

    The meal of books served in the Committee room.

    This is a full-width image so it is aligned ‘none’

    Remember to always press ‘update’ when you have edited or added something in the editing window!