Content Management System
Winthrop's CMS allows Web authors to work within attractive, well-branded, and approved Web page templates – the framework for creating Web sites that wow! Some elements of the new CMS design are required to ensure a consistent Web experience. Branding through global elements such as a header and footer, as well as similarly located information (i.e. left side menu and contact information), create a familiar environment that is simple for the Web user to navigate. At the same time, some parts of the design, like buttons and banners, are unique to various departments and audiences, allowing for a personalized Web site.
Colors and Fonts
The CMS Web pages use a color scheme that pulls in our official garnet, gold, and blue. The site also utilizes the gonfalon colors; these are the colors of the banners that are carried during important university events like commencement.
View the Web colors.
In addition to the consistent use of colors, the CMS pages utilize a specific set of font styles. Some of the specified fonts are for those elements that are part of a Web page structure, like the six levels of HTML headings. Other font choices are provided for authors to further customize and/or draw attention to various parts of the Web page.
View the CMS cascading style sheet (CSS).
Required Template Parts
Refer to the screen shot below for the location of each element.
- Header logo
The Winthrop logo in the upper left of page is clickable to return to the university home page from any page within the site.
- Header utility navigation
E-mail, Text Only, and Directory links as well as a Search Engine in the upper right corner of all pages provide easy access to important content.
- Primary navigation
An audience menu at the top of every page (under the header), offers another means of navigation that is familiar to many site visitors.
- Page ID
Beneath the global header, all CMS sites will display a page identifier that orients the user within the site.
- Secondary navigation
Every Web page will display an area-specific content menu on the left side of the template design.
- Contact information
By providing contact information in the upper right of all Web pages, the site visitor always has easy access to this important information.
- Footer navigation
Just as with the header navigation, the footer navigation provides easy access to frequently accessed information.
- General contact information
Lastly, general Winthrop University contact information is accessible from the bottom of any page within the CMS.
View the university's standard header and footer.
The following design elements may also be incorporated into the Winthrop Web pages.
- Photo Header - located to the right of the page ID and just under the audience menu; departments have several options:
Read these tips on taking and selecting photos for the header (pdf) section of your site.
- static photo
- photo collage
- no photo
- Quick Links - used to showcase links to information that might otherwise be difficult to find on Winthrop.edu and that would be of interest to visitors of a particular site
- Buttons - positioned beneath the quick links box, custom buttons allow for department-specific and common content to be highlighted in a graphical way
- Banners - typically used to feature a special event (i.e. Winthrop Day), individual banners may be added to departmental home pages
Click on the graphic above for a larger view.