Adding images

You can upload photographs, illustrations and pictures to your website (as long as you have the right to use them).

  • Login to edit your site
  • Go to the page or news item where you wish to add an image
  • Click you mouse into the Editor in the exact place you wish to place the image so that you can see the cursor there
  • Click the Add Media button above the Editor Toolbar this will open a large overlaid window
  • Look for the two tabs at the top

media-library-tabs

  • The right-hand tab allows you to view and use any images already uploaded to your website
  • The Upload Files tab makes it easy to add files from your computer
  • You can either click the Select Files button in the middle of the Upload Files tab or drag and drop an image from your computer
  • Once the image (or images) have uploaded you should see it in Media Library tab
  • It is usually selected already with a tick in the corner, see image below. If not just click on it once to select it

selected-image

  • Once selected you need to decide how you wish to insert it
  • Look to the right hand side for the ATTACHMENT DETAILS settings panel

attachment-details

  • It is good practice to put a brief description of the image into the ALT text box for visually impaired visitors
  • Choose to align the left, center, right or none
  • Normally you would set the Link To field to ‘None’ but you can link the image to a website (or to Media File which will be linked to the largest version of itself available in the Media Library)
  • Choose a size (thumbnails are always cropped to a square)
  • Click ‘Insert into page’ button
  • Update your page and View Page to make sure it looks as expected.

Change the image settings after it has been inserted

edit or delete an image

  • Login to Edit the item that contains the image you wish to change
  • Move your mouse pointer over the image
  • Click the Pencil icon to Edit
  • You can change the size, alignment, links and Alt description here

Delete an image

  • Login to Edit the item that contains the image you wish to remove
  • Move your mouse pointer over the image
  • Click the large cross
  • Update your page.