Every page starts from a single template that gives our CMS site managers many options to build a layout that works best for the content. Page content is created in a building block model allowing users to add, delete and shift content in a number of formats. Familiarize yourself with these key content areas and what they are named so that you can confidently build pages:
Headers and Navigation
- Header - All templates have a consistent header for consistency across all umsl.edu websites. The header includes the UMSL logo followed by the name of the website. Consistent call to actions of apply, tour, request info, and give are also included as well as a sitewide search option.
- Title Header - displays directly below the page header
- Image Header - choose between image only or image with caption
- Display Name - set the name that will appear in the left navigation and breadcrumbs
- Left Navigation - displays pages where "Include in Left Navigation" is set to yes
- Right Callout Area - includes related links and/or right callouts if set to display
Select from one, two, or three column layout blocks to build page content.
Accordion content allows users to expand and collapse content with just a click and is great for complex information that you wish to simplify for site visitors.
Slideshows can be used to draw attention to the latest news and announcements on your site. Site managers should keep the Headline and Descriptive Text short. Banner Images should be sized to a consistent height and width before uploading them so that the banner images don't jump around on the page as content rotates. Set and External or Internal Link and include custom Link Text to give a call to action to your site visitors. Note the difference above in the desktop and mobile views. The desktop view displays best when the right callout area is not displayed.
The Image Gallery option allows you to upload one or more images to display on a page as thumbnails with captions. End users can click on the image thumbnail and a full size image opens in the browser window. You'll need to upload both a full size image and an image thumbnail that will automatically size to fit the display area.