Welcome to our step by step guide for being able to add images within your Primarysite Website.
In this guide we will cover:
This document will help you achieve these things in an easy step by step process. If you have any questions, please get in touch.
Getting started
Firstly, you will need to log into your website. This may be done by either clicking a padlock icon or it could be that the words ‘log in’ are situated on the homepage, either in a corner or at the bottom of the page.
A log in screen will then appear, for your details.
As default only, either a super user or anyone under the teacher role type will have the permission to add content to a standard page. We can however amend the permissions for editing for other role types if required. Please give us a call to do this.
How to Add a Picture
To be able to add an image, you need to firstly navigate to the page that you wish to add the image to. Once you are in the page, you will need to click the blue ‘edit this page’ button which can be located in the top left corner of the white bar.
Once you have clicked the ‘edit this page’ button, you will be taken to the editing area for your page. You will now need to select the yellow ‘add block’ button.
Clicking the yellow ‘add block’ button will redirect you to the content editor, to select the piece of content you wish to add. In this instance click the maroon ‘pictures’ block.
You will now see the below screen, where you have the option to add a block heading for the image/s you are uploading.
Next click the yellow ‘add images’ button.
You will then be taken to the file uploader to select your files to upload, by clicking the ‘choose files’ button, this will take you to where your files are saved on your PC/device. Alternatively, you can drag and drop the image/s into the file uploader.
Click the ‘start upload’ button once you have chosen your file/s. You will then see that your image/s are processing.
Once your image has uploaded, you will see the below screen. Here, you have the ability to add another image, delete the image you have just uploaded or add a caption to the image/s.
To add another image, you will go through the uploading of the image as you have just done, by selecting the yellow ‘add images’ button.
To delete the image, you will need to select the tick box in the left corner of the image and select the delete selected button. You will see a message appear to check you are sure you wish to delete.
You will now be taken back to the ‘manage pictures’ block to set your chosen layout of the images.
Click the yellow ‘set layout button’ and you will see the edit layout screen.
As standard an image will upload as ‘1 across’ which means 1x image will be displayed per row.
In the ‘edit layout’ area, you will have the ability to set your images as 1,2,3 or 4 across as well as place these into a slideshow. Should you wish to add your images to a slideshow, you will also be able to set the time of the duration for the pictures to appear and the transition type, in the drop-down menu.
Once you are happy with your layout, you will need to click the blue ‘save’ button in the bottom left hand corner. You will now be back to the manage pictures section. When you are happy to publish the picture(s) directly onto the page within the website, click the blue ‘save’ button and click the blue ‘save’ button once again. Your picture(s) will now display onto your page.
How to Edit an Uploaded Picture
Once you have uploaded an image/s to a page, you will have the ability to go in and edit the captions and layout should you wish to. To do this, you will need to go to the page that has the image/s on and select the blue ‘edit this page’ button in the top left corner, followed by the yellow ‘edit pencil’ button next to the image/s.
You will also notice a red ‘x’ button next to the ‘edit pencil’ button, this allows you to delete all images in that block. You will be prompted to make sure you wish to delete these before they are removed from the page.
When you have clicked the yellow ‘edit pencil’ button you will be taken back to the ‘manage pictures’ block to continue with your editing.
How to Edit Your Homepage Slideshow
Your homepage slideshow will need to be amended by the support team to ensure images are optimal for your site.
As part of your package, you can update the homepage slideshow twice per academic year.
- You can send over the photos you wish to use on your homepage via www.wetransfer.com
- Please add support.ps@junipereducation.org in the ‘Email to:’ field.
- Please ensure you add your school name and postcode in the comments and any other specific instructions with regards to the images (the order they appear etc)
- Please also note that the slideshow will only hold 8 images so we request you send no more than 12 images for us to choose from.
- Please also email us the link you get from we Transfer to ensure your request is picked up ok
Please follow the guidelines below when supplying your photography:
- Image dimensions should be 1800-2000px x 1120-1400 px
- File size should be no larger than 5mb
- They should be in JPEG format
- The images for your homepage should be landscape orientation
- The main subject or focus should be in the bottom two thirds of the image
If you are having a professional photographer shoot your photos please advise them that they are for a website, they will then be able to provide the correct size images.
For more information about optimising photography on your website, click here
Updated