People working on a computer

Creating/Editing a Universal Page

Upload Images

All images used in your page must first be sized appropriately and uploaded to the images folder: _files/images/YOUR FOLDER.

Create and Publish Widgets

Any widgets that you want to use in a page must first be created and published before it can be added to page. Widgets are stored in your widget folder: _files/widgets/WIDGET TYPE/YOUR FOLDER.


Get Started

  1. Highlight to the folder in the asset tree into which you want to create a new page.
  2. Click New/ Page/ Folder with Universal Page.

This will create both the folder and the index page.


Edit Folder Metadata

  1. System name: (Use lower-case-no-space naming convention. This is the folder name in Cascade and is in the URL.)
    Display name: (This field displays in the left navigation.)
    Title: (This field does not display. It is standard practice to make it the same as the Display name.)

Create or Edit Page

Inline Metadata
  1. Display name: (This field displays in the breadcrumbs.)
    Title: (This field displays as the title on the page.)
    HTML Title: (This field is used in search engine optimization and displays as the page title in the browser tabs. For best practices, review HTML Title Tag Optimization.)
  2. Choose the column layout:
    Thin-Wide--This is the default layout. Allows for a left side column (for navigation and widgets with a wider right column for content.
    Thin-Wide-Thin--Has narrow columns on both the left and right side for widgets and a middle section for body content.
    Wide--Displays the full width of page. No columns for widgets or navigation.
Universal
  1. Banner Image Bank: Click on the search to link to the image you want to add.  If there is more than one image in your bank, it will randomly rotate as the page is refreshed.
  2. Inherit Banner Image Bank? Make this box if you just want to inherit the image used in the higher level folder.
  3. Page Content: Use the WYSIWYG editing tools or HTML to add your body content.

Applying paragraph or heading formats.

Content styles used throughout Miami's Universal Sub-pages. All font sizes listed below are assuming that font size on the body tag of the site has been set to 100%. Headings should be applied based on the hierarchy of the content, rather than the desired text style. You do not have to use every heading but cannot "skip around". Using headings 3 and 5 together is a popular choice (for pages with two levels of hierarchy) because they are both red. Never choose H1 as that is only for page titles.

Paragraphs

Body content is generally Helvetica font. The color is black: #000

Headings

Apply a heading to text by highlighting text with your cursor. Then choose from the Format drop down menu. Always start with H2 and work down in consecutive order.

This is a Heading 2

This is a Heading 3

This is a Heading 4

This is a Heading 5
This is a Heading 6
Inline Box

The inline box will appear on the upper left side of the body content.

  1. Image: Click on the search to link to the image you want to add.
  2. Image ALT: This should be an accurate description of the image for use with assistive technology.
  3. Title (Caption): (not required) Add a caption for the image if you want. It will display under the picture.
  4. Teaser Text: (not required) Text will display as a comment under the picture.
Left Column Widgets
  1. Click on [Search] to link to your widget.
  2. Click on the [+] button to add another widget. It will appear under the first one.

Right Column Widgets (Only available in Thin-Wide-Thin layout)
  1. Click [Search] to link to your widget.
  2. Click on the [+] button to add another widget. It will appear under the first one.

Widget Row Content
  1. Click [Search] to link to your widget.
  2. Click the appropriate [+] button to add another widget to the existing row or to add another row.
Feature Box

The feature box will appear on the upper-right side of the body content.

  1. Feature Box Header: Type in the header name for your feature box.
  2. Feature Box Copy: Type in the text.  You can use the WYSIWYG or HTML.
Misc. Items
  1. Add a YouTube Video ID. The video always displays at the bottom of the page above the footers and is the width of the widest column.
Related Links

The Related Links box will appear on the upper-left side of the body content.

  1. Related Links Header: You can change this heading.
  2. Related Links >> Link-Individual
  • Select internal link
  • Link Text
  • Select external link URL (unless using internal link)
  • Link Target: if link is within CMS, then open in _parent; if link is outside CMS, then open in _blank

--Click on the [+] to add additional links


Submit Your Work

  1. Click Submit to save your work.
  2. Publish (or send the request to publish).