CMS Content Search

Content managers may occasionally want to search for specific phrases within the content of their CMS website. To search your site for a specific phrase, follow these steps.

  1. Log into the CMS and select the search icon in the main toolbar
    Search icon
  2. Click on the Advanced dropdown menu
    Advanced menu
  3. Open the Type dropdown menu
    Type menu
  4. Select only the text-based files and/or assets options
    Type selection options
  5. Enter your search phrase in the Contains the Words textbox
    Search text field
  6. If you chose only the text-based files option, you can select a specific Location (folder) in the CMS to search within.
    Location selector
  7. Click the blue Apply button in the bottom right corner to see results.
    Results example
  8. To edit content, click on the blue Title link as outlined in the above example.

Card Snippet

This snippet creates a single card with text over an image or colored background that links to another page or website. The slide out button can be customized. The spacing around each card is controlled in the Boxed Sections snippet that the Card is inserted into.

Example of two rows of three cards each with space between each card.

Example of three cards in a boxed section with no gutter spacing.

Card Snippet

This snippet must always be inserted into a column of a Boxed Sections snippetYou can create multiple rows of cards by adding additional rows to the Boxed Sections snippet.

  1. Enter the desired text that will be displayed on the card.
  2. Select the text you entered and insert a link to another CMS page or external URL.
  3. If including an image in the background, crop the Card type with the Image Editor and insert the largest size card that was cropped.
  4. If not including an image, change the selection to the desired background color. When using this snippet in an asset you must type in the code for the desired color:
    1. For Gold enter “gold” without quotation marks.
    2. For “Black” enter “black” without quotation marks.
    3. For “Dark Gray” enter “medium-gray” without quotation marks.
  5. Change the default button text if alternate wording is desired.

You should add two, three, or four Card snippets in a row.

Touts Snippet

This snippet creates a row of solid or hollow colored circles for statistic touting. The number or ranking part of the statistic goes into the shape and the remaining text appears beneath. The circles could have background images instead of solid color. The font colors are predetermined and cannot be changed.

Example of solid touts with an image background.

Example of hollow gold touts.

Tout snippet.

This snippet should always be placed in a Row w/ Background snippet.

  1. In the Value field for shape, select Solid or Hollow. When using in an asset you must type “solid” or “hollow” without quotation marks.
  2. In the Value field for color, select the desired color. When using in an asset you must type the correct code:
    1. For Gold enter “yellow” without quotation marks.
    2. For Black enter “black” without quotation marks.
    3. For Blue enter “blue” without quotation marks.
    4. For Burgundy enter “burgundy” without quotation marks.
    5. For Gray enter “gray” without quotation marks.
    6. For Green enter “green” without quotation marks.
    7. For Light Green enter “light-green” without quotation marks.
    8. For Orange enter “orange” without quotation marks.
  3. If desired, use the Image Editor to crop the Square type to appear in the shape. Insert the square170 image in the Button Background Image field.
  4. Enter the text that will appear in the shape in the Button Text field.
    1. Add a link to this text if desired to enable a Go button in the shape when hovering.
    2. You can use one of the University-wide assets with a name starting with “Tout #” in this field.
  5. Enter the rest of the text that will appear below the shape in the Content After field.
    1. You can use one of the University-wide assets with a name starting with “Tout Text” in this field.

Specific editorial guidelines for formatting the tout content can be found in the Editorial Guide.

Each row of the snippet will create one tout and all touts will appear on the page in a single row.

If your page has no left navigation and no right sidebar, you can add up to all five touts. If you have either the left navigation or right sidebar, only use up to four touts. If you have both the left navigation and right sidebar, you can use up to three columns. You can also add this snippet to a right sidebar with one tout.

Page or Site Redirects

Redirects are important when webpage URLs change on your website. There are many reasons why this could happen:

  1. your site’s root folder name may need to change because your department is going through a name change
  2. you may change the name of a folder or subfolder
  3. you may move a page, folder, or file
  4. you may delete a page, folder, or file

When any of these actions occur, it is important that a proper redirect is put into place. This ensures that the old URL continues to work for any users who find it or have it saved.

Redirects help preserve the search engine rankings that you have built up over time and shows search engines that you responsibly manage your website. A failure to place or request proper redirects can leave your users frustrated with 404 errors and can cause your search engine rankings to plummet, making it harder to find your website moving forward.

Placing or Requesting Redirects

If your website is in OU Campus, the UMC web team will manage redirects for you. All we need are two pieces of information:

  1. the old URL(s) (e.g.:
  2. the new URL(s) (e.g.:

If you are deleting content, you may not have a new URL. However, we can still redirect that content to something relevant (at a minimum, your homepage).

Email with the redirect information and we will place your redirects for you.

If your website is not in OU Campus, you may still be able to request a redirect through Central IT. Email your website, old URL, and now URL to and they will let you know what they are able to do.

Recommended Formatting of Hours

There are many instances when you need to display hours on your webpage—hours of operation, advisor walk-in hours, and learning center times to name a few. The following formatting recommendations and tips for displaying basic hours will make them easy to see and understand by both sighted users and anyone using a screen reader. Additional formatting information can be found in the University Editorial Guide.

Example of academic year and summer hours in a boxed sidebar.
Basic hours of operation differentiated by time of year.
Example of hours and additional text in a boxed sidebar.
Basic hours with additional text.

  • Use the boxed sidebar with an appropriate title.
  • Use headings.*
    • The title is a heading 2, so start content headings with heading 3.
    • Make the days of the week a heading.
  • Spell out the days of the week, do not use abbreviations.*
    • Days of the week should be singular.*
    • Use an En Dash (Alt + 0150 on Windows, option + – on Mac) for an inclusive range of days, such as “Tuesday–Thursday” meaning Tuesday, Wednesday, and Thursday.*
    • Use “and” for specific, individual days, such as “Tuesday and Thursday” meaning just those two days of the week.*
  • Use a.m. and p.m. to specify times.*
    • Only list it once if the start and end times are both the same, such as 1–5 p.m. or 10 a.m.–5 p.m.*
    • Use an En Dash (Alt + 0150 on Windows, option + – on Mac) for an inclusive time range.*

*These tips also apply to hours information within the body of a page.

Ranking (Standalone) Snippet

This snippet allows you to add a standalone ranking. This looks best when not full-page width, such as in a boxed section as they are not very wide. The link and second line of italic text are optional.

Example of standalone ranking. Ranking standalone snippet.

  1. Enter the number associated with the ranking in the Purple field.
  2. Enter the text associated with the ranking in the Black field. Add a link to the text in this field if needed.
  3. Enter the ranking source in the Italic field if desired.

Named Testimonial Snippet

This snippet allows you to create a styled testimonial quote.

Named Testimonial example.

Named Testimonial snippet.

  1. Enter the title that will appear above the quote. This field is optional.
  2. Enter the quote text.
  3. If available, use the Image Editor to crop a Square or Personnel image type and insert the 170 size image.
  4. Enter the name of the quoted person. This field is optional.
  5. Enter the title of the quoted person. This field is optional.

Footer Social Icons

You can add customizable social media icons to the footer of your website, just below the contact information. This is only available in the _props.pcf file within the root folder for your site or the folder where navigation is restarted.

Example of a footer showing social media icons.Footer Social Icons snippet.

  1. Open the _props.pcf file in the root folder for your site.
  2. Look for the Social Icons Editable Region and click the green button to enable editing.
  3. For each icon that you want to appear, enter the URL for that social media platform in the corresponding cell.
  4. Save your changes.
  5. Publish.