Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 21 Next »

The 2015 templates to not prescribe specific page layouts. Instead, the templates offer your the ability to build your own page layouts according to your taste and content needs. As such, there is only a single page type for new pages: Page.

Creating pages

New > Page

System datadef fields

Datadef elelmentDescription
System Name

This is how the page will be referenced on the web and in Cascade. Please follow these guidelines:

  • Use only lowercase letters and numbers. Do not use uppercase letters or special characters.
  • Separate words with hyphens. Do not use spaces.
  • Names should be brief, but descriptive of their contents.
Parent FolderThis is the location where the page will be created.

Inline Metadata 

Datadef elementDescription
TitleThe title of the page, displayed in the browser tab and (potentially) other places. Be descriptive, but brief. The 'Title' should be similar to the 'System Name', but crafted for human-readability rather than machine-readability.
DescriptionA brief description of the page contents. One or two sentences should suffice. This information is used by search engines to generate 'snippets' that are displayed along side search results.

Internationalizing page metadata

The Custom Metadata section of the Metadata pane is used to apply internationalization to the page title and description. Refer to 'Internationalization'.

Page settings

The page settings section allows you to make certain page-specific customizations. The options set in this section apply only to the page itself and to do apply to any other pages on the site. 

Custom CSS and Javascript

Datadef elementDescription
Settings > Assets > Include custom CSSIndicates whether custom styles should be applied to the page. Refer to 'Configuring customizations'.
Settings > Assets > Include custom JavaScriptIndicates whether custom scripting should be applied to the page. Refer to 'Configuring customizations '.

Customizing the page header

The default page header places the site masthead over UCI's brand blue. The following fields are available to place the masthead over a custom image or video instead.

Images and videos used for header backgrounds are intended for decorative purposes only to set the tone for the page or site. These elements are not intended to convey content explicitly. Videos are automatically muted and looped.

Datadef elementDescription
Settings > Header > Type

Indicates the type of header to be used for the page:

Layout

These settings allow you to include various layout-level element on the page.

Datadef elementDescription
Settings > Layout > Include breadcrumbsSet to 'yes' to have breadcrumbs links included above the main page content. Breadcrumbs indicate to a user where a page exists in the context of the site architecture.
Settings > Layout > Include secondary navigationSet to 'yes' to have a secondary navigation element included on the left side of the main content. Refer to 'Secondary navigation'.
Settings > Layout > Secondary navigationAppears only if 'Include secondary navigation' is set to 'yes'. Indicates the secondary navigation to be used.
Settings > Layout > Include sidebarSet to 'yes' to include a sidebar to the right of the main content.

Page heading

The page heading is the top-most hierarchical content element on the page and used to identify the overall content of the page. It is similar to the page title, the difference being that it is display on-page instead of in the browser tab.

Datadef elementDescription
Page heading > Type

Indicates how the page heading should be displayed.

  • text - displays the heading a plain text.
  • jumbotron - adds a background image to the heading. Refer to 'Jumbotrons and videotrons'.
  • videotron - adds a background video to the heading. Refer to 'Jumbotrons and videotrons '.
  • custom - allows you to enter custom heading content or code.
    Note: this option requires knowledge of coding for Bootstrap 3. Proceed with caution.
  • hidden - the heading does not display.
Page heading > Auto-generate heading text

Only appears if 'Type' is set to 'text', 'jumbotron', or 'videotron'.

When set to 'yes', the page title will be used as the page heading.

Sections

Sections are used to contain and organize your page content. 

 

 

  • No labels