Tutorial:
Adding Homepage Slideshow Banners

Last Updated 7/20/21 Kellie Feramisco & Darren Grubel

Guidelines for Homepage Slideshow Banners

Keep a mix of photo banners & informational/ graphic banners in your homepage slideshow.

• Have no more than a total of 6 images in your slideshow rotation • Ensure information is current & accurate

Make sure images are clear & of the highest quality you have available.

• Confirm any photos with students are media-cleared • Images must be horizontal to fit in the space provided

Make sure text & backgrounds are easy to read, including font size, color & readability.

Follow the dimensions from this tutorial.

1
Once you’re logged in to your website homepage,
click your name in the top black bar.

2 Click “Admin Tool” link.

3

3	You will see a similar version of this page.
Click the button at the right with your School Name.

4
	
Click the Homepage
	
	Slideshow button.

5
To add a new image, click
Add New Slideshow Image button.

6
Step 1 Window will appear. Click Choose File to find the photo on your computer.

7
Click Upload.

8
If needed, use the rotate & arrow buttons to rotate your photo based on your image preview.

Tip: It is highly recommended to upload
	
	high quality photos that are already
		
	HORIZONTAL. However, if they upload
		
	incorrectly, you can correct here.

9 Once photo is showing correctly, click
Go To Step 2: Crop & Save.

10 Step 2 Window will appear.

12	Photo Caption

Leave this blank.
Do not add same text as Photo Title. It will appear as a duplicate.

3	Link URL (Optional)

Want users to be taken to a web page in or outside your website?
Place the link here and users will be taken to that site when clicking on the photo.

This is required to remain
	
	ADA compliant.

11 Photo Title (Optional)
If you want your image to	1 have a title on the
slideshow, enter it here.

14	ALT Text (Required) REQUIRED
Enter a brief description of your photo.

You will not be able to upload unless this step in complete.

b a

c
	
14

a)

b)

c)

d)

d

		

Crop & Save Your Photo (Required) REQUIRED

This will make sure the photo fits correctly inside the slideshow.

Hover your slider over the image and see that your cursor changes to a cross (+) rather than a pointer.

Hold the cross (+) and drag over the photo to “crop” the image to slider size.
•	Make sure subject is centered.

Click the “I added ALT text and cropped my image” button.

Click the green Save button that appears after completing Step 14c.

		
1
	5 Your image will ap top. You can chang
by holding down dragging it t
	
pear in this list at the e the order of images
on the image bar and o another spot.

	

•

•
	
To edit an existing slideshow image:

To edit, click the Edit button in that image’s row.
To delete, click Delete on the right side in that image’s row.

Questions? Contact us!

Kellie Feramisco kellieferamisco@cusd.com

x79093

Darren Grubel darrengrubel@cusd.com

x79030

11