content-left-bg.png
content-right-bg.png

Modern slider instructions

PublishingPageContent

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​Every image uploaded to the Modern Slider image library will automatically be resized to fit the home page slider frame. The Modern Slider image library is located at the root of the the website. A maximum of 6 home page sliders will display which is automatically sorted in ascending order based on the ‘Order’ column in the Modern slider images propertie​s list. Images are required to be submitted for approval and publishing via the PublishPoint dashboard.

WebPartZone1_2

Upload an image

Step 1

  • Sign in to the website
  • From the home page, select cog > Site contents

Step 2

  • Select Modern Slider Images

Step 3

  • Drop and drag the image from your computer

or

  • Select +New
  • Select Choose file
  • Scroll and select the image from your computer
  • Select OK

Image renditions

Should the image require adjusting slightly to fit the frame, use Edit Renditions to edit individual images. Image renditions assist you to define the image within the school home page slider frame with the specified dimensions of 2048 pixels wide x 600 pixels high.

To edit an image using Edit Renditions

Step 1

  • From the home page, select cog > Site contents
  • Select Modern Slider Images

Step 2

  • Select the image you wish to edit by placing a tick next to the name
  • Scroll to the top of the ribbon and choose Design tab
  • Select Edit Renditions

Step 3

  • Scroll to School Homepage Slider Image
  • Select Click to change

Step 4

  • Move the selected portion (marching ants) of the image up or down to determine how the image should display.
  • Select Save

Slider properties

Step 1

The following properties can be added to each silder:

  • Name

    The name of the uploaded file (not visible on a slide)

  • Image Alt Text

    The alternate text attribute applied to the image

  • Order

    Determines the order of slide in ascending order (top 6 sliders only will display)

  • Slide Title

    The title used in the slide (visible on slide)

  • Slide Description

    Description text in the slide (visible on the slide)

  • Slide Link

    The hyperlink for the slide (the whole slide becomes clickable)

  • Link Text

    The text displayed next to the link (visible under slider when Title or Description is added) example: Read more

Adding properties

Step 1

  • Right-click on the ellipsis (...) beside the image
  • Scroll down to Properties

Step 2

  • Add the Slide Title, Description, Link and Link Text in the corresponding fields
  • Select Save

Step 3

This image shows how each property is displayed on a slider when text is added.


This slider has been configured to display 6 images .


To display a clickable home page slider and no text or white box under the image, ensure no image properties contain a title or description.

WebPartZone2_1
WebPartZone2_2
WebPartZone2_3
WebPartZone3_1
WebPartZone3_2
WebPartZone3_3
WebPartZone3_4
WebPartZone4_1
WebPartZone5_1
WebPartZone5_2
WebPartZone6_1
WebPartZone6_2
WebPartZone7_1
WebPartZone7_2
WebPartZone8_1
WebPartZone8_2
WebPartZone9_1
Last reviewed 27 June 2025
Last updated 27 June 2025