Step 1: After logging into the admin area of your website, select Uploads to begin the process of adding images.
Step 2: Once In the uploads section (seen below), click the 'Add New' button to upload a new image of your choosing
(Incidentally this is the same process for Documents)
Step 3: Select 'Choose File' to choose the image you want.
Step 4: Locate the image on your computer, select it and click 'Open' to choose that image. (as shown below with this Puppy)
Step 5: Name the image under 'File Description' (For accessibility reasons please remember to give it an adequate description, rather than a generic name)
Step 6: In the box under 'To rezise an image, enter a width in pixels', choose a numerical amount, use the ruler as a reference guide to what the size will be.
Step 7: Finish by either selecting 'Add+' if you want to upload this image and then more images, or select 'Add then return' if you want to upload this image ONLY and then move onto using it.
Step 8: Select the button highlighted entitled 'Insert/edit image', it is a small square with an image of mountains & the sun on it.
Step 9: Select the image you want, that you have previously uploaded, from the 'Image List' drop down menu.
(Since i titled the image i uploaded for this example 'Small Dog', that is the option i selected from the drop down).
Step 10: If you wish to, you can resize the image using the drag tool (the small squares at each corner of the highlighted image)
Step 10.1: Click on the squares and drag until the image is the desired size.
Remember to click 'Save and Publish' on the top of the page in order to save these changes.
In Conclusion, Here is the image that i have:
Uploaded
Named & Resized
Selected and Input onto the Desired Page
Resized using the drag tool
Typed an explanation underneath in the same content box
Aligned Imaged Right Using the 'Format' button in the toolkit so the image appears to the right of this text.
Listen to our site
