There are three button colors that can be used in the CMS. They can easily be created when you set up your link or you can use the List Spread Buttons snippet to created multiple buttons in a row.
Data tables present tabular information in a grid. They are made up of columns and rows that communicate the meaning of the information. There are several options for styling your data in tables to allow for a clean, visually appealing look.
The use of HTML tables is reserved for displaying data in an organized manner. It is not proper to use table code to control webpage layout or design. To display content on your webpage in multiple columns, please refer to the Boxed Sections Snippets or the List Spread Buttons Snippet. Continue reading
This snippet create an About the Researcher or About the Author styled sidebar and is used primarily in the News and Unscripted websites. It must be created int he Content field of a Sidebar Right Box snippet. The title in the dark gray section at the top comes from the Sidebar Right Box snippet.
The following tips are meant to help CMS liaisons with day-to-day maintenance of basic content on their websites.
Paste as Text
If you paste content from a document or email into OU Campus, you will likely get a bunch of bad code added behind the scenes that will effect how your webpage will look at function. To avoid issues, try clicking the “Paste as Text” button before pasting your content or use the Ctrl + Shift + V key combination.
The negative to pasting as text is that you will have to do some formatting manually (adding bold, adding links, etc). However, this will ensure that your website meets brand standards and works correctly on all devices.
It is important to use proper HTML headings instead of bold paragraphs or single lines of text. To apply a heading style to a line of text, put your cursor inside of the line of text and then select a heading level from the left-most dropdown menu in OU Campus. The same method working in other online applications, such as Google Docs.
This snippet will create an image with text beneath it surrounded by a light gray box. The image can be left or right aligned so body content wraps around it if it is not the full content area width or center or left aligned with no wrapping. If you have cropped an 800 Banner or 1024 Feature size of the image being displayed, the system will automatically include a pop-up of the image and caption.
ALT tags (also known as Image Descriptions) are a very important feature involving all images on any given website. Moz does a good job of explaining what ALT tags are. Please take a moment to read up on what ALT tags are and why they are important. Moz also provides some tips for how to write good ones.
There are many uses for ALT tags. The most well-known ones are:
- Screen readers will speak the ALT tag of an image for users who cannot see
- If an image cannot be loaded due to some sort of network or IT error, the ALT tag will display instead
- ALT tags boost search engine rankings and can help your website’s images display in Google search results