Homepage

The hero slideshow at the top of the page can contain images/videos. 

Create a Gallery

1. Create a Gallery of Images
2. Add Image/Video
3. Add overlay title to the title field. 
4. Add overlay button to the description field. Button style - '2022_button-default'
5. Save

Once a homepage gallery has been created, images can be added, deleted or rearranged as needed.

Connect Homepage Element to Gallery

1. Go to the resource element at the top of the homepage
2. Click into the settings
3. Click browse to select the desired gallery

Once the element is pointing to a gallery, the slideshow can be maintained and updated directly from the gallery. 

Homepage Video

For a homepage hero video, it should have a 16:9 aspect ratio, at least 1080p, no larger than 50MB in file size, and not more than 30 seconds in length.

This panel is made up of 2 separate components.

• Resource element - for image
• Content element - for welcome text

To change image

1. Hover over the Resource element and click on the ‘Settings’ cog.
2. Click on the ‘Browse’ button within the ‘Single’ tab in the ‘Edit Resource Element Settings’ window.
3. Choose or upload a new photo in Resources.
4. Save the element settings and publish the page.

To edit text

1. Hover over the content element and click on the ‘Settings’ cog.
2. Expand the design tab in the ‘Edit Content Element Settings’ window. 
3. Update the title in header content area. Select bold for red text.
4. Save
5. Hover over content element and select Edit Content
6. Modify text.
7. Save updates

This panel is consist of 2 areas.

• Container - for background image
• 4 content elements - for statistic

To update title

1. Hover over the Container and click on the ‘Settings’ cog.
2. Expand the design tab in the ‘Edit Container Element Settings’ window. 
3. Update the title in header content area.
4. Click Save.

To change image and text

1. Hover over the Resource element and click on the ‘Settings’ cog.
2. Update the title in title field.
3. Click on the ‘Browse’ button within the ‘Single’ tab in the ‘Edit Resource Element Settings’ window.
4. Choose or upload a new photo in Resources.
5. Open the ‘Design’ section inside the ‘Edit Resource Element Settings’ window.
6. Update the text in header content area.
7. Save the element settings and publish the page.

The divisions panel is made up of 5 separate components.

• Container - for title
• Post element - for latest news

To update the title

1. Hover over the Container and click on the ‘Settings’ cog.
2. Update the title in title field.
3. Click Save.

To change news stories

1. Hover on the Posts and click on 'Settings' cog.
2. Expand the Content Filters panel.
3. Click on Select Board and select the board/boards that need to display.
4. Expand the +Design and Update the More Stories  link from footer content. Button style - '2022_button-dark-blue'
5. Click Save. 

To add a news article.

1. Click on the 'Modules' icon to the left of Composer and select 'Posts'.
2. Click on ‘Boards’ and select the desired folder
3. Select the board representing the category the new article will belong to and click on the ‘New Post’ button at the top right of the interface.
4. Add the title of the article to the Post title field.
5. Add the article content to the ‘Body Content’ content editor.
6. Add the article date to the ‘Start’ field at the top right.
7. Open the ‘Summary’ panel and click into the content editor.
8. Type in a single short paragraph introducing the article (up to 20 words). 
9. Open the ‘Category & Tags’ panel.
10. Add or select the tags you wish to apply to the article.
11. Open the ‘Thumbnail & Resources’ panel.
12. Click on the ‘Browse’ button and choose or upload a new photo in Resources.
13. Save and publish the article.

This section is controlled by Posts.

To change board

1. Hover on the Posts and click on 'Settings' cog.
2. Expand the Content Filters panel.
3. Click on Select Board and select the board/boards that need to display.
4. Click Save. 

To add a news article

1. Click on the 'Modules' icon to the left of Composer and select 'Posts'.
2. Click on ‘Boards’ and select the desired folder
3. Select the board representing the category the new article will belong to and click on the ‘New Post’ button at the top right of the interface.
4. Add the title of the article to the Post title field.
5. Add the article content to the ‘Body Content’ content editor.
6. Add the article date to the ‘Start’ field at the top right.
7. Open the ‘Summary’ panel and click into the content editor.
8. Type in a single short paragraph introducing the article (up to 20 words). 
9. Open the ‘Category & Tags’ panel.
10. Add or select the tags you wish to apply to the article.
11. Open the ‘Thumbnail & Resources’ panel.
12. Click on the ‘Browse’ button and choose or upload a new photo in Resources.
13. Save and publish the article.

The social media icons display based on whichever social media platform name is in the linked page URL. So for example, if you link one of the pages in the Social Links branch to www.facebook.com or even dwight.edu/facebook, the system recognizes the word "facebook" in that destination URL and displays the facebook icon. 
 
The URL for each Social Media Mashup page contains the name of the platform — for example in www.dwight.edu/schools/facebook-accounts  "facebook" text is being recognized and displaying the facebook icon. You would need to link the Instagram Social Links page to a page with a URL that includes "instagram" in order for the instagram icon to display.