Category: OU Campus CMS

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

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.

This snippet must always be inserted into a column of a Boxed Sections snippet. You 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.

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.

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.

This snippet allows you to add classes to an unordered list that affect the styling. The is used when you have a list of many links rather than having them in paragraph form.

1. Enter the list items in bulleted format.
2. Select the styling option.
   1. No Bullets will remove the bullets, but keep the indent.
   2. No Bullets No Indent removes both the bullet and the indent.

This snippet allows you to add a highlighted ranking in the middle of regular text.

1. Put your cursor within the text where you want the ranking to be and insert the snippet.
2. Select the default text “purple text” and enter the number associated with the ranking.
3. Select the default text “thick black” and enter the text associated with the ranking.

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.

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.

This snippet allows you to create a styled testimonial quote.

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.

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.

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.

You can choose to add call to action buttons at the top of the footer on your website. You can choose to add just the Give button linked to a page of your choice, just the recruitment buttons with preset links, or all four. The default is no buttons. This is only available in the _props.pcf file within the root folder for your site or the folder where navigation is restarted.

1. Open the _props.pcf file in the root folder for your site.
2. Go to Properties in the Page Actions Toolbar.
3. Be sure you have the file checked out (if not, click on the lightbulb icon in the Page Actions Toolbar).
4. From the Parameters menu on the left, find the “Site Footer Contact Information” section. The Call to Action Buttons fields are the last two items in that section.
   
5. Select which button(s) you would like to display using the Call to Action Buttons dropdown.
   1. No Buttons
      
   2. All Give and Recruitment Buttons
      
   3. Give Button Only
      
   4. Recruitment Buttons Only
      
6. If you selected an option that includes the Give button, use the file chooser to select a page within your website that the button should go to or paste in a URL to a page that is not within your site. If you do not indicate a Link, the button will go to the default page.
7. Click the blue Save button.
8. Publish.

You can link to a specific place within your page using anchors. You can also link to individual sliders or FAQs. This is useful when you have a long page and want to provide shortcuts to certain sections or when you want to direct the user to a specific piece of information within a page.

Setting Up Anchors

The first step is to create the anchor on the page in the place where you want to link to. Sliders and FAQs already have this code, so you would not need to do this step.

1. Go to the code view of the CMS using the <> icon.
2. Find the section where you want to link to and find the paragraph or heading tag that is around it. It should look like <p>, <h2>, <h3>, or <h4>.
3. Add the ID code into that tag in the form of id=”yourid“. yourid should be short, one to two words, using only use lower case letters, numbers, and hyphens. Each ID you create on the page must be unique to the page. The code should now look like <p id=”yourid”>.
4. Save and publish.

Finding the Slider or FAQ Anchor ID

Sliders and FAQs already have assigned IDs that you can link to. The page the slider or FAQ is on must already be live.

1. Go to the live page.
2. Right click on the slider or FAQ title that you want to link to.
3. Select “Inspect”.
4. Look at the highlighted code and go up two lines.
5. You should see something like id=”slider-d11e2783″ for sliders or id=”question-d11e1234″ for FAQs. The text in quotation marks is the name you need to link to.

Please note, if the title in the slider or FAQ snippet changes the ID will also change and your link would need to be updated.

Linking to an Anchor

1. Select the text you want to link from.
2. Click the Insert/Edit Link icon  in the toolbar.
3. Enter the appropriate URL.
   1. If the anchor is on the same page as the link you are creating, in the URL field enter #yourid (hash followed by whatever you named the anchor or the slider/FAQ ID).
   2. If the anchor is on a different page than the link you are creating or you are creating the link in a navigation file, first enter the URL for the page that the anchor is on by using the file picker to select the page within your site or pasting the outside URL. Then add #name (hash followed by whatever you named the anchor or the slider/FAQ ID). For an internal page your URL may look like {{f:123456}}#name.
4. Click the blue OK button.