How to Apply Headers on OU

What is a Header/Heading?

Headers/Headings are built in resources that help viewers navigate through a webpage or document’s content.

Why should I add Headers?

Headers not only apply a visual style that alerts viewers as to the structure of a document (e.g. large bold text at the top of a page is the title, whereas smaller bolder text throughout a page are sections or subsections), but also tells non-visual users the structure of a page. The way that headers work is that they are coded to read out to a listener “Title – Welcome to LTWR 105” and helps with navigation and better understanding of different sections or topics.

Headers also save time on formatting documents and webpages since headers have a built in style via one click, rather than needing to click multiple font preferences to get the code/size/bold/underline preferred.

Which Header should I use?

Headers should be used in order based on the content that is trying to be communicated. It is very important that header-use remain consistant across the CSUSM website and headers should not be skipped!

• Heading 1 (auto-applied) - this is already applied for you and is the Page's title. Think of it like a book's title.
  
  • Heading 2 - This is a large category of Heading 1. Think of it like a chapter in a book.
    • Heading 3 - This is a sub-category of Heading 2. Think of it like a section within a chapter.
      • Heading 4 - This is a sub-sub-category. Think of it like a sub-section within a chapter's section.
        • Heading 5 - this is a sub-sub-sub-category.
          • Heading 6 - This is a sub-sub-sub-category.

How to Add Headers:

Step 1:

Locate the page that you want to edit.

Step 2:

The overview of the page will load. Select the  tab that correlates with the area you want to edit.

Step 3:

Type in your title or section name onto the page

Step 4:

Highlight your title/topic in the text box and then select the arrow-down symbol on the “Paragraph” style dropdown. This dropdown menu will show all of the different styles you can add to the text.

Step 5:

Select Heading 2 within the dropdown.

Please note: With the template provided, the Display Name/Title of the page is set as a Heading 1. Please use a Heading 2 or higher.

Step 6:

Now your custom text should now be larger and bold. The text is now a Heading 2.

Step 7:

Select the  button at the top of the Content Editor to save your changes.

Back to Module