Homepage

The homepage slideshow is comprised of a set of content elements grouped together in a container. To update a slide:

Image Size:

1. Click the settings gear
2. Click +Design
3. Click Browse to add an image
4. Add the title text to the header content
5. Add the tab name to the footer content
6. Save

This section is comprised of a set of Resource elements set to single and grouped within a container. There is one introductory element and one element for each grade level. To edit one of the elements:

Image Size:

1. Click into the element settings
2. Click Browse to select a new image
3. Click +Design
4. Update the title and connect the learn more link from the header content (eg. Early Childhood, learn more)
5. Update the grade level from the footer content (Primary, 2 1/2 - 6)
6. Save

The voices section is comprised of a tabbed element where each tab is designated for a specific constituent group. Within each tab are two resource elements each connected to a gallery that contains a set of quotes.

1. Create a gallery for each group (Students, Staff, Alumni, Parents)

2. Add images/quotes to the galleries

• Add an image (565 x 600)
• Add the quote and the citation.
  • The citation should be italicized and directly follow, on the same line, as the quote text
• Add the link text (Student Stories) on a new line

Pro Tip: Follow the format of another quote to be sure the formatting is correct.

3. Go to the first tab and connect both resource element to the gallery for that group of constituents

This section is created with a combination of content and post elements. The use of posts for this section allows for some flexibility in the setup. This is one recommendation.

1. Create a Board for the Programs that will be highlighted
2. Create a tag for each program location (Local, US, Europe, Central America, Asia) The tags won't show on the page but will be used to filter the desired posts into each section.
   • A post may needs to be created to do this.
3. Create a post that includes:
   • Summary text
   • Thumbnail image
   • Body Copy
   • Tag (this will be use to filter the posts)
   • Category (the category..
4. From the homepage, update each of the content elements with summary text. The elements are in the same order as the tabs (Local, US, Europe, Central America, Asia. Note that the maps are background images in the settings of each element.
5. Goto the tabbed element and select the first panel
6. Select the settings of the post element inside the panel
7. Click +Content Filters
8. Select the Programs Board
9. Select "Specific Tags" and then choose the tag (s) that correspond to the posts that should display in that section
10. Save
11. Go to each tab and repeat the process until all of the post elements are filtered properly

This section is created from the Posts Module. It's designed to scroll through a series of posts. A link to All News connects to an interior news page that you create. Once set up, this section can be maintained entirely from the board where the posts will live.

1. Create a board for your homepage news
2. Create a Posts that contains a title, summary, thumbnail image, and body copy

To set up the homepage

1. Scroll until you find the recent news
2. Click the Gear
3. Click +Content Filters
4. Click Browse to select the Homepage News (or desired) board
5. Click +Design
6. Go to the Footer and link All News to an interior news page (you will need to create this page)

This section is comprised of two feeds elements. The first is set to Facebook and the second is set to Instagram. No set up is required for this section.

This section is created from a series of custom content elements. To maintain the formatting of each statistic, we recommend updating each from the html of the content element.

To update an element:

1. Copy the custom class from the desired icon (Link to List of Icons)
2. Click into an element
3. Click the html </> from the editor
4. Highlight the red text and paste the custom class of the new icon
5. Replace the statistic between the <h3> tags
6. Replace the description between the <p> tags
7. Save

To add additional statistics to the slider, copy one of the elements and paste it within the container.