Page Comparison

The Associated image functions as a thumbnail when sharing a Web page in social networks and other services.

Image Modified

1. Locate Associated image under Meta tag information for social media sharing/search/etc.

2. Select Add media.

3. Add an image or select an image previously uploaded to your site. To add an image:

   1. Select Browse... in the Add file box and choose an image from your files.

   2. Fill in the mandatory Name field (it will default to the original file name) and Alternative text field (guidelines can be found on the Brand page) field. You have the option of entering a caption to be displayed with the image in the Caption field.

4. Select Save.

5. If not already selected, select the image by checking its box from the image gallery.

6. Select Insert selected.

Media settings can be accessed through the Media drop down.

Image Modified

Banner images are full-width images that appear on a site. If you add Banner images from the Edit tab, they will appear above the Web page title. If you want them to appear under the page title, use the Banner images block.

1. In Media settings, under Type of media, select Banner image from the drop-down.

2. Under Text overlay style, select a style from the drop-down.

   • Full banner width, bottom, theme colour background (“FDSU” style)

     Image Added

   • Left side of banner, vertically centered, faded background, white text (for dark images)

     Image Added

   • Left side of banner, vertically centered, faded background, black text (for light images)

     Image Added

   • Split top and bottom, black and white backgrounds (“single page” style)

     Image Added

   • Full black overlay, centered text (“conference” style) Note: This style is not supported yet and provided only for future use.

3. Under Media width, select a width for the banner from the drop-down.

4. Under Use page title as big text, determine whether or not the page title will be the big text on the banner.

5. In Banner, select Add Image banner.

6. Under Image, select Add media, then select Browse. Select an image from your computer or an image previously added to your site. Enter the alternative text, if prompted, and select save. For guidance in writing appropriate alternative text, refer to the University of Waterloo Brand Formatting page.

7. Select Insert selected.

8. Optional: Add a Link. Begin typing the title of the published content on your site that you would like to link to, then select it from the drop-down function. You may also enter an internal path such as /blog or an external URL such as https://example.com/. This is where site viewers will be redirected if they select the Banner image.

9. Optional: Add Big text and Small text to appear with the image. Small text appears below the large text.

10. Optional: Add Faculty or Affiliated and Federated Institutions of Waterloo (AFIW) affiliation. Begin typing the name of the Faculty or AFIW and select it from the drop-down.

    • This will add an indication on the banner to show its affiliation with a Faculty or AFIW.

11. To add additional banners, select the Add image banner button and repeat steps 6-10.

12. In Banner settings, under Slide speed, enter the time, in milliseconds, that should elapse between slides when the slideshow is playing. Note: the default is 7000 ms.

13. Under Transition speed, enter the time, in milliseconds, the banner transition should take to complete. Note: the default is 400 ms.

14. Select Autoplay, if applicable. This controls whether or not the slideshow starts immediately when a page loads.

Scheduling options allows you to select a date and time to change the Revision state of your Web page.

Image Modified

Publish on allows you to select a date that the page will publish.

Publish/unpublished states

Unpublish on allows you to select a date and time for that the page state to be changed to Published/Unpublishedwill unpublish.

Authoring information allows you to change the author information for the Web page. Authoring information defaults to the user who created the page and when the page was created originally.

Image Modified

• Filling out the Authored by field allows you to select a user to be displayed as the page author.

• The Authored on allows you to manually sets the date and time the page was created.

Promotion options allows you to edit how the Web page is promoted.

Image Modified

• Promoted to front page allows your page to be promoted to the front page.

The Delete tab is only visible to site managers. The Delete tab permanently deletes a Web page and all associated content.

Image Modified

Note: all links to this page will break.

To delete a Web page:

1. Select the Delete tab.

2. Select the Delete button.