About this page

View this page as a reminder of site styling options, such as headers, lists, multimedia and more. Edit this page to view the html for enabling the options. This page is only viewable to OCS website users who are logged in.

For more information on administering the website, go to OCS Admin Help at the top of the OCS WordPress Admin panel.

About Headers

This section is about headers and header styles.

H1 – Never use H1 headers in your content

H1 header style is used for page titles only, and those are styled automatically, as soon as a page is published. Never use H1 headers elsewhere on any page. Begin with the H2 header style and decrease in importance from there, all the way to H6.

H2 headers will also show up automatically in the right-hand “On this page” navigation sidebar to help users understand what content is contained on a page.

This is an example on an H2 header

Don’t place extra breaks before or after headers. The styling will do that automatically.

This is bold text without using a header.
Suspendisse facilisis lectus dolor, nec elementum metus pretium id. Pellentesque ultrices ex quam, sed tempor tortor convallis non.

This is an example of an H3 header.

Suspendisse facilisis lectus dolor, nec elementum metus pretium id. Pellentesque ultrices ex quam, sed tempor tortor convallis non.

This is an H4 header.

Suspendisse facilisis lectus dolor, nec elementum metus pretium id. Pellentesque ultrices ex quam, sed tempor tortor convallis non.

This is an H5 header.

Suspendisse facilisis lectus dolor, nec elementum metus pretium id. Pellentesque ultrices ex quam, sed tempor tortor convallis non.

This is an H6 header.

H6 is the final header for which there is a style for this website.

How to add videos and photos

Edit this page to view the iframe html to use when embedding a video within a webpage. Grab embed code from YouTube or Vimeo videos. Do NOT use the “Add Media” button to add videos. Videos can be embedded into pages, linkboxes, and strategy spotlights.

Below is how a photo will appear when using the “Add Media” button. Edit all photo caption and credit (attribution) information in the Media Library prior to adding to the webpage. Generally, select Medium and “no alignment” for photos.

Linkboxes

Edit page to view html for linkboxes. You can use other styling properties, such as headers, and embed photos and videos within linkboxes. Linkboxes can be added anywhere on the page.

How to make lists

• Here is a list Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy.
  • Nested
  • Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy.
  • Nested
• More list
• List items with some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy.
• More list

List Title Using H3 Style

• Here is a list Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy.
  • Nested
  • Nested
  • Nested
• More list
• List items with some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy.
• More list

Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy. Here is some copy.

How to add in-line Strategy Spotlights

Edit this page to find the html shortcode for adding Strategy Spotlights anywhere on a page. Strategy Spotlights can also be added at the very bottom of every page by searching for a spotlight within the “Associate a Strategy Spotlight” box.

More!

As you think of other tips that are helpful to administering the site, document them here.