Adding an Image

As the saying goes: A picture paints a thousand words

To add a picture to an article ensure it is optimised for websites (i.e. not the original large file). A full width image should be around 1000 pixels wide and a half width 580 pixels wide.

Even if your image too large, your website comes with a tool that automatically resizes your image for you.

Important for websites that include the facility for visitors to receive articles directly to their email account

Any image should not exceed 580 pixels wide.  The only time there might be an exception is if you wish to publish any images full-width.  Any images wider than 580 pixels wide should only be published after a read more link (and then no more than 1000 pixels wide)

How to add an image

With your article open in the editor - place the cursor where you woul like the image to be published (e.g. in a two-column layout in the columns opposite the text)

Now click the Insert/Edit Image button

(in the toolbar along the top)

It’s best to keep organised and place images in a folder structure so for News you should select the news folder like this…

Then create a New Folder using this icon

on the right and name it yy-mm-dd - so for 3 Oct 2022 it would be 22-10-03

like this...

then click the Create button

Now click on the new folder you have just created...

This is where you are going to upload one or more images for your article.

Click the Upload

button (on the right)

Now you have the option to either drag and drop your image file(s) over this space...

or click the

button and navigate to the location of your image on your computer.

Select your image(s) and then

You should see you selected image(s) listed, ready to upload

You now have the option to resize the image by ticking the resize box and then just the 580 box on the right (you will need to untick the 1000)

Now click the

button

Your newly uploaded image(s) should be listed in bold

Click on the image you wish to insert and it will create the URL for the image e.g.

Add Alternative Text and Title

It may suggest an Alternative Text based on the EXIF information of your file. If you need to, edit this – it should be a short description of the image (in a proper sentence) and will be used for the caption.

Tip: For accessibility you should also copy the image description in Alternative Text to the Title field

Click on the Advanced tab

and paste into the Title field

Now click the

button to insert the image

Creating a Caption

As a finishing touch you can create a caption. This will put a ready-styled frame around the image with a caption based on your Alternative Text.  Here's how:

With the image selected, click the Insert/Edit Image button

Then click

And finally click the

button to save and close the article