Title Component

Showcases the Title component. [4:04]

Two options for completing this exercise...
  1. Request a Self-Paced account on the Training Server. Then just follow the instructions as is.
  2. If you already have access to the main Author Server, adapt the instructions to fit your own site.

Scope

Titles are one of the most common components used on our websites, supplying all the headings on our pages. To meet accessibility guidelines, a primary level 1 heading is required on every page. Additional sub headings can be added to make the page more readable, but are optional.

Instructions

1. Log into the UBCMS.

2. Open the Sites Console and navigate to your site; e.g. Sites + Self-Paced Training + {your site}.

3. Choose any page on your site or create a new page.

4. Select that page and click Open in the Commands Menu that now appears.

5. To add a component...

  • Click the Toggle Side Panel button in the upper left of the window.
  • Switch to the Components Browser.
  • Components are listed alphabetically. Or type part of its title and click Enter.
  • Find your desired component and drag it onto the page.   

The component appears initially displaying the page’s own title. Left alone, this component will always display the current title of the page, no matter how often the page title is changed.

  1. Select the component and click the wrench icon to Configure its main settings.
    • Size – Try each of the main sizes in turn (1 to 5).
    • Link – Try pasting in a URL to make a link to another page (e.g. http://yahoo.com).
    • ID – Optionally, make this a linkable target from elsewhere on the page or from another page.
  2. Click the checkmark to save your changes, or the X to cancel.

If there are multiple headings on a page, they must be nested, with one level 1 and one or more level 2’s. Below each level 2, you may have one or more level 3 headings, and below each level 3, you may have one or more level 4 headings. This keeps our pages consistent through the UBCMS, and meets both accessibility requirements as well as search engine optimization recommendations.

Additional Reading