Website Guide

The following “how-to” document was created by the Communications and Web Development teams to help schools promote their open houses online. It is not limited to just open house pages as this guide can be utilized for all web pages and news posts.

Your school website is your digital lobby, please consider personalizing your open house page as needed to capture what makes your school special!  


Create a New Page

Watch this video to see the process in action and see the full guide below to learn more about:

  • Creating blank pages
  • Content guidelines
  • Publishing pages



How to Find and Edit An Existing Page

Step 1

To find the page you're looking for, click Pages in the left navigation and type the page title into the search box

How to search for a page


Step 2

Click on the three dots “…” under the Actions column and choose "Edit" from the available options.

Edit page


Step 3

Make your changes to the content.
To learn more about formatting options and the content editor here.


Step 4 -

Add SEO image. This image will be associated with your page across search engines and within your site (ex. if you tagged the page as “spotlight”, this is the image that will appear on the front page). If no image is selected, the site default will appear. By adding SEO title and description you are able to control what a link to your page looks like when shared on social media or looked up in a search engine. 

SEO Section


Step 5 -

Ensure the radio buttons are set to "Publish", and click "Update" in the top right.

Update radio buttons and confirmation



How to Share the Page to Spotlight


The Spotlight grid on the homepage is a great place to feature important and actionable information. It’s ideal for highlighting announcements or resources that need extra visibility.

Where is your Spotlight? The spotlight is located on your homepage, under the video, above “News” and next to your “Upcoming Events”.


The Spotlight


Step 1

Start by editing your page in Content Manager.

In the left navigation panel, locate the tags dropdown and select "Spotlight" tag from the list.

Spotlight menu

Step 2

The SEO image will appear on the card in the spotlight. You can add this in the SEO tab, situated below the main content box.

SEO Section

Step 3

Publish your changes by clicking the blue "Publish" button in the top-right corner.

Note: You can come back to this page in the future to remove it from your spotlight. Just simply unselect the spotlight tag and ‘Publish’.


Create A News Post


Step 1 - Create a Blank Page

  • In the top left corner, find the  (hamburger menu) in the top left corner of the screen to open the Navigation panel
  • Click the News tab
    News Tab
  • Click the +add news button in the upper right-hand corner.
  • In the modal that appears, please add a title and leave the remaining fields unchanged. 
  • In the modal that appears, please add a title and leave the remaining fields unchanged. 
  • Click "CREATE NEWS" to generate a new post!


News





Step 2 - Add content

  • Add your content.
    Please reference the ECSD Style guide for content, and the Formatting guide for layout.
  • Add SEO information. Find it below the content editor, and add an SEO title, description and Preview Image. This image is critical because it will be the image on the news cards, spotlight, and in Googles search results.


SEO Section



Step 3 - Optimize and Publish

  • In the left navigation panel, it's best practice to remove the number ID after the route title.  The route should be /news/your-title
  • Set Scheduling: Ensure the Show on checkbox has been checked.
    • If the date is the current date and time or earlier, the post will be published once you click the "PUBLISH" button.
    • If the date is in the future, the news post will be labeled "Scheduled" instead of "Published" and will automatically publish at that date. (Please still click the "SCHEDULE" button in the top right to save your changes)
  • Optional: You can also Pin News or Add to the Spotlight now.
  • Publish Your page!

Publishing content


(Option 2) Alternate Route News Post

Alternative to a standard news post, you can choose to create a news post as an ‘Alternate Route’. In this space, you can add a link to any web page, and still have it appear within your News feed.

Step 1 - Add the full URL of the page you are looking to share.

Alt route news
Note: Please copy the link from a web browser on your school website and not through your content manager. 

url example good and bad

Step 2 - Add a Preview image

You can find this below the rich text box, in the SEO section. This image will appear in the news card and on the spotlight.

SEO Section

Step 3 - Click Publish

Ensure the radio button is set to "Publish", then click the blue button to commit changes.

Publish Radio buttons and Confirmation





Create A Calendar Event In The Shared Outlook Calendar

Web Calendar Delegates from your school will have access to one shared calendar. This Outlook calendar is an easy way for all members to add and edit the events for the school website. Full instructions on how to sync to a shared outlook calendar can be found on SharePoint.

Adding Your Public Website Outlook Calendar

Note: Principals must add Web Calendar Delegates before a users can gain access to edit the shared outlook calendar.

Web Delegate Membership


Create An Alert Banner


1. Open the Alerts Manager by accessing from the hamburger menu

Hamburger Menu

2. On the right-hand side of the screen, click on ‘ADD ALERT’

add alert

3. Choose the Alert banner from the Alert template drop-down option (alert template).

4. Add the Admin title – i.e., Open House 2024

5. Add Description: i.e., Join us for a presentation and tour on Tuesday, Feb. 27 at 6:30 PM.

Alert setup

6. Optional: Learn More route – In this space, you can add a link to a web page. Note: please copy the link from a web browser on your school website and not through your content manager. 

url example good and bad

7. You must set up the publish and expiry date so that your alert will automatically disappear after your open house. (As a suggestion, 10 :00 PM on the date of your open house).

8. Press Publish – your Alert should appear within a few minutes on your home page.

Example of Popup w/button Alert - This Alert will only be shown the website visitor one time

popup with button

Example of Banner Alert - This Alert remains on every page until the expiry date passes

Alert banner


Avoid Text On Images

Please don't rely only on an placing an image or graphic with text on your page. You must include all important information in the body of text on your web page for it to be accessible. 

Web Content Accessibility Guidelines (WCAG) recommend avoiding using images that include text. 

Please visit Best Practice For Websites to review current web standards and guidelines.

DO!

Illustrated picnic

Join Us for Our Annual Summer Picnic!
12:00pm, Tuesday June 7th
Apple Academy

DON'T!

text on image




Additional Resources

Editing Your Home Page
Open House Example Page
Open House Tips And Tricks
Formatting Guide
Best Practice For Websites



Additional Resources

Our Demo School site focuses primarily on navigating your schools website and the Content Manager system. Other resources include:

Public Website Guide SharePoint

Visit our Sharepoint site for:

  • Draft content for your pages and news posts
  • Guide to assigning Web Delegates and syncing your Outlook calendar
  • Best practices for content writing and accessibility guidelines
  • Updates regarding ongoing developments and registration for online or in person training sessions

Productivity Services SharePoint

If you are looking for support for other division tools including:

  • Microsoft 365
  • Google Workspace
  • Knowledgelake

Please visit the Productivity services knowledgebase in Sharepoint.


For specific inquiries, please visit the Service Portal to submit a ticket and get support from the right team. This ensures your request is tracked, prioritized, and resolved efficiently.

https://serviceportal.ecsd.net/