Before You Edit

Formatting is already applied to the text on your pages to make sure they are accessible and follow the Standard and Guidelines. The information below should be used to add new text to your page. It’s best practice to leave the current formatting as is. Get familiar with rules of editing regarding cut and paste, formats, styles and basic edits.

If content is being copied from elsewhere (i.e. document or website):

  1. From original source: highlight content to be copied with mouse > Cntl & c simultaneously
  2. In OU Campus: go to page and select editable region where content is to be copied and Cntl & v simultaneously then select Clear Formatting Clear Formatting to remove extraneous source code (from original document or website) that may not be visible but will affect rendered page.
  • Create short concise names (e.g. contacts or events-staff)
  • Do not use spaces.
  • User lowercase letters, numbers and hyphens (-) for folder and page names.
  • Files with underscores (_) are generally shared files therefore we recommend using hyphens (-) instead.

The Format dropdown on the toolbar allows for a pre-defined element to be applied to text by selecting the element from the list.

Headings

The heading element not only changes the style of the text, but also adds code known as semantic markup to identify the structure of your content. It is very important to use headings correctly to make sure your content is accessible.

Headings should be applied in a hierarchical order (similar to an outline).

Heading 1

The most important heading on the page, there will only be one Heading 1 and this will always be applied to the page title. You do not need to add a Heading 1.

Heading 2

The first subheading of the page.

Heading 3
Heading 4
Heading 5

Headings 3-5 are additional headings under a Heading 2.

Nested headingsParagraph

A paragraph is for basic text. If you do not apply a format element to your text, it will automatically be marked up as paragraph text.

Blockquote

The blockquote element is used to indicate a quotation of a large section of text from another source. It will also change the style of the quote.

This is what a blockquote looks like when applied from the format drop-down menu.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. 

Apply an Element from the Format Dropdown

To apply an element from the format dropdown:

  1. Select the text you want to apply the element to
  2. Click the format drop-down from the toolbar
  3. Scroll to find the element and click it
  4. This will apply the choice

Remove or Change the Applied Format

  1. Place the cursor within an existing block of text, on a blank line, or select the text
  2. Click the format dropdown, the applied format will be highlighted
  3. Click the currently applied format to deselect it, this will change the text to Paragraph or choose a different element

Check Styles Before You Edit

The current text on your pages has already had styles applied to it to make sure that styling adheres to the BFA design style guide. The information below should be referenced when adding text to a page. It’s best practice to leave the current styles as is.

The Styles dropdown on the toolbar allows for a pre-defined style to be applied to text by selecting the style from the list. A full list and explanation of available styles are explained in the Visual Style Guide.

Types of Styles

The styles you will use when editing your pages are:

Text

Text styles will always start with 'Text' and can be applied to any text on your page.

Text styles will change the way the text looks, but will not change any code to identify the text as a heading or paragraph (i.e. if you select Text | Heading XL from the styles menu, the text will look the same as a Heading 1, but will not identify the content as being a Heading 1 in the underlying code.

Text Styles should not be used in place of the Headings from the Format Dropdown when a heading is needed — only to create the style headings when desired.

P (paragraph)

P Styles start with 'P' and can be applied to any paragraph text.

HR (horizontal rule)

HR styles start with 'HR' and can be applied to any horizontal rule (HR).

Horizontal rules are lines that are used to help break up text.

A styles start with 'A' and can be applied to change the style of a link.

However, when changing the style of a link you should change it in the Insert/Edit Link Modal, not from the 'Styles' dropdown in the toolbar. 

Apply a Style from the Styles Dropdown

Before applying a style, make sure you review the design style guidelines to ensure that you are using the style correctly.

To apply an element from the styles dropdown:

  1. Select the text or Horizontal Rule you wish to apply a style to.
  2. Click the styles drop-down from the toolbar.
  3. Scroll to find the style and click it (this will apply the choice).

Note: You may add multiple styles to text or to an HR. After you add the first style, re-select the text and repeat the above steps.

Remove the Applied Style

Select the text or HR you wish to remove a style from.

From the Toolbar menu, click the Clear Formatting button. This will remove the styles that have been applied.

  • If you are not already logged in to OU Campus, browse to the page you want to edit, click the "Last Modified MM/DD/YY" on the page footer, and log in with your SDSU Shibboleth Login credentials.
  • If you are already logged in, select 'Content' tab > 'Pages', and navigate to the page you want to edit.
  • Click the file name link of that page (i.e., "index.pcf"). If the page is checked out, you will need to contact the person who has it checked out, to ask them to publish their changes and/or check it in. * If a page is checked out a lock will appear on the same line, mouse over it to find out who has it locked.
  • A preview of the page will open. Each editable area of the page will have its own green Edit button
  • Click the Edit button for the area of the page you want to change
  • The editable area will open in the editor
  • Make the necessary changes while following Formats (tab) instructions.
  • To check for typographical errors, click the Toggle Spell Checker button (a check mark with ABC above it).
  • If there are no problems, you will see a message saying "No misspelled words found." Otherwise, all words not recognized by the spell checker will be underlined with a red line.
  • Clicking the word will bring up a list of suggestions. Click the correct suggested option to replace misspelled word. 
  • Click the 'Save' button
  • While reviewing edits, check the following to make sure it is ready to be published:
  • Follow our Standards and Guidelines.
  • Test your pages at mobile size to ensure design will render properly across all platforms (phone, iPad, desktop). 
  • In Preview mode: resize the window placing cursor at the edge of the browser window (arrow will appear), hold mouse down and drag it to shrink window down to cell phone size. If content does not read from left to right then modify page to correct issue before publishing it. 
  • After saving changes, Preview the page.

Before Publishing Page

'Run All' test to ensure spelling is correct and content is accessible. Close window (if errors are found) and fix them before publishing the page. Notify your OU Account Administrator for assistance with accessibility errors. 

  • Click the 'Publish' button to push the changes to the production server. 
  • If you want to abandon the change you made:
    1. Go into the page
    2. Check Out the page
    3. Select 'Versions'
    4. Mouseover the previous version of page and  'Revert' option will appear. 
    5. Select 'Revert' 

If 'Submit' is the only option, this indicates all changes require edit approvals.  

Any content added to the website may be changed by Campus Web Services at any time, if it fails to meet basic writing style guidelines, visual style guidelines or accessibility guidelines.