Images

Next Previous

To insert an image into a page or post click the ‘Add Media’ button at the top left of the editing panel. Here you will see a library of all the media (images, sound files, video files) you (and everyone else) have uploaded so far. You can either select an image from the library or […]

  • To insert an image into a page or post click the ‘Add Media’ button at the top left of the editing panel.
  • Here you will see a library of all the media (images, sound files, video files) you (and everyone else) have uploaded so far.
  • You can either select an image from the library or upload a new one from your computer.
  • Click ‘insert into page’
  • When the image is in the text box you can click on it it to reveal some editing options which appear at the top, this allows you to make some basic edits to the image e.g. left, centre or right align the image.  wp-basic-image-editing Clicking the pencil icon will bring up some more editing options such resizing the image .

There is a drop down list of built in image sizes under ‘size’ – often when you first insert an image into a post it is too small, so it is a good idea to check this and make sure it is set to the appropriate size for the page. Screen Shot 2015-03-20 at 12.37.51

  • Linking images – The  default option for linking the image is ‘Media File’ – this means when an image is clicked it will appear in a new window by itself often looking quite ugly (and confusing for the user), so it is best to change this. If you want the image to link to a page on the site then you can change it to ‘Custom URL’ and enter the URL of the page you want it to go to. If you don’t want it to link to anywhere then select ‘none’ from the list.
  • Image alt text is used by screen readers to describe an image to people with visual impairments when having a website read out aloud to them. Without alt text the screen reader just reads the word ‘image’ when reading the webpage. As you can imagine this can be very frustrating for the user. There is a field in the media library called ‘Alt text’ – you will see this on the right hand side when an image is selected. Enter your description of the image here – make sure it actually describes the image and isn’t just the artists name. You can also edit the alt text by clicking on the pencil symbol.


    Screen Shot 2015-03-20 at 12.40.11
  • In the media library you can search for images based on the text added – the example above would not work well in this case as it is called ‘image’, change the title as you upload for future convenience. You can also go back and edit the text later.
  • Avoid using ‘rogue’ characters in file names. When saving any image or document for use on the web you should not include any characters other than those from the alphabet (lowercase) and underscores (_) – this includes spaces. If you do include characters such as spaces or & or , in file names this may cause problems displaying them.
  • File formats – Images for use on the web should be in one of the following formats: .jpg .gif .png and for best quality the original image should be no smaller than 1000px on the shortest side
  • Featured Image – the featured image is the image that will appear on a menu or listing page that links to the page rather than on the content page itself. This is set in the right hand column of any post or page.


    wp-featured-image