Web page

Owned by Charlotte Armstrong
Last updated: Jul 15, 2024 by Katie McElroy
7 min read

Create a Web page

  1. From the administration bar, select Workbench then My Dashboard.

The University of Waterloo website, with red boxes highlighting the Workbench and My Dashboard

  1. In the Content types box, select the Add button beside Web page.

WCMS 3 content types box, with Content types and Add Web page highlighted by red boxes

Required fields

  1. In the Title field, type the page title using sentence case.

  1. Enter a Description of content.

Note: A Description of content must be brief and concise description of the page's content. No more than one or two sentences are recommended.
The Description of content is the information blurb which appears when the Web page is shared or searched.

  1. Select Draft from the Revision state field.

  1. Select Save at the bottom of the page.

Note: To add content to your Web page, this can be done via the Layout tab. You can review Block types: Content to view Block options.

Optional fields

Optional information can be added to Web pages found under the Edit tab of a Web page:

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

  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.

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)

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

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

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

    • 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.

The Menu settings drop down allows you to change whether Web page appears in the menu and how it appears:

Checking Place in site hierarchy box enables you configure how your Web page appears in the menu.

  • Checking the Add menu link box will add your Web page to the main menu.

  • The Menu link title field allows you to edit the Web page title in the main menu.

Note: The title in the Menu link title field can be different from your Web page Title.

  • The Description field allows you to add a description that will show when hovering over the menu link.

  • The Parent link drop down allows you to choose where in the menu your page occurs.

Note: By default, the Parent link is set to Main navigation.

  • The Weight field allows you to choose the order that your menu items are displayed.

Note: Lower weights display before higher weights.

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

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

Unpublish on allows you to select a date that the page will unpublish.

URL redirects allows you to add a URL redirect to your Web page.

Delete (site managers only)

Related links