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.
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.
- Enter the desired text that will be displayed on the card.
- Select the text you entered and insert a link to another CMS page or external URL.
- If including an image in the background, crop the Card type with the Image Editor and insert the largest size card that was cropped.
- 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:
- For Gold enter “gold” without quotation marks.
- For “Black” enter “black” without quotation marks.
- For “Dark Gray” enter “medium-gray” without quotation marks.
- 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.
- In the Value field for shape, select Solid or Hollow. When using in an asset you must type “solid” or “hollow” without quotation marks.
- In the Value field for color, select the desired color. When using in an asset you must type the correct code:
- For Gold enter “yellow” without quotation marks.
- For Black enter “black” without quotation marks.
- For Blue enter “blue” without quotation marks.
- For Burgundy enter “burgundy” without quotation marks.
- For Gray enter “gray” without quotation marks.
- For Green enter “green” without quotation marks.
- For Light Green enter “light-green” without quotation marks.
- For Orange enter “orange” without quotation marks.
- 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.
- Enter the text that will appear in the shape in the Button Text field.
- Add a link to this text if desired to enable a Go button in the shape when hovering.
- You can use one of the University-wide assets with a name starting with “Tout #” in this field.
- Enter the rest of the text that will appear below the shape in the Content After field.
- 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.
Redirects are important when webpage URLs change on your website. There are many reasons why this could happen:
- your site’s root folder name may need to change because your department is going through a name change
- you may change the name of a folder or subfolder
- you may move a page, folder, or file
- 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:
- the old URL(s) (e.g.: https://www.mtu.edu/umc/services/web/)
- the new URL(s) (e.g.: https://www.mtu.edu/umc/services/digital/)
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 email@example.com 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 firstname.lastname@example.org and they will let you know what they are able to do.
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.
- 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.
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.
- Enter the list items in bulleted format.
- Select the styling option.
- No Bullets will remove the bullets, but keep the indent.
- 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.
- Put your cursor within the text where you want the ranking to be and insert the snippet.
- Select the default text “purple text” and enter the number associated with the ranking.
- 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.
- Enter the number associated with the ranking in the Purple field.
- Enter the text associated with the ranking in the Black field. Add a link to the text in this field if needed.
- Enter the ranking source in the Italic field if desired.
This snippet allows you to create a styled testimonial quote.
- Enter the title that will appear above the quote. This field is optional.
- Enter the quote text.
- If available, use the Image Editor to crop a Square or Personnel image type and insert the 170 size image.
- Enter the name of the quoted person. This field is optional.
- 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.
- Open the _props.pcf file in the root folder for your site.
- Look for the Social Icons Editable Region and click the green button to enable editing.
- For each icon that you want to appear, enter the URL for that social media platform in the corresponding cell.
- Save your changes.