CMS Toolbox

Homepage Specs

Components of a Homepage

 

view of the USF homepage showing the feature and widget tools

Feature

image of the feature section of the website

 

The feature section is a required element for all USF homepages. It will display immediately below the header.The section is highly customizable.

Options include:

• a single large photo, with the option of horizontal call to action boxes underneath

• a single small photo, plus either call to action boxes, text navigation, or one-column widget

• a single small video, plus either call to action boxes, text navigation, or one-column widget

• a small rotator, plus either call to action boxes, text navigation, or one-column widget

• a large rotator, with the option of horizontal call to action boxes underneath

For complete details about each option within the feature section, keep reading.

Large Photo

example of a large website image

 

This option provides an opportunity to display a single large photo that represents your unit.You can change the photo as often as you like.You can also include a caption if you'd like, but this is not required.

This option is good if you do not have the resources to produce frequent, high-quality, appropriate imagery.

The photo must link to a web page that corresponds to the subject matter portrayed. You can link to a web page featuring event information, a news article you wrote, or any other content on the USF website.

The photo must meet certain specifications:

• jpg file

• measure 1000 pixels X 371 pixels • 72 dpi • when saving your photo from Photoshop, use "save for web" option

Small Photo

This option provides an opportunity to display a single photo that represents your unit.You can change the photo as often as you like and have the option to display it on the right or left side of the homepage.You can also include a caption if you'd like, but this is not required.

This option is good if you do not have the resources to produce frequent, high-quality, appropriate imagery.

The photo must link to a web page that corresponds to the subject matter portrayed. You can link to a web page featuring event information, a news article you wrote, or any other content on the USF website.

The photo must meet certain specifications:

• jpg file

• measure 660 pixels X 371 pixels • 72 dpi • when saving your photo from Photoshop, use "save for web" option

Small Video

This option provides an opportunity to display a singleYouTube video that represents your unit. You can change the video as often as you like and have the option to display it on the right or left side of the homepage.

The video must be aYouTube video produced by USF or a reputable source and must not contain any profanity, misuse of copyrighted images or music, or any other inappropriate material. UCM and IT Web Services reserve the right to request removal of any video that violates any USF System policy.

Rotator (Large or Small)

example image of a rotator

 

This option provides an opportunity to display a series of rotating photos (no more than 5). You can change the photos as often as you like and have the option to display the small rotator on the right or left side of the homepage.You can also include a caption if you'd like, but this is not required.

This option is good if you generate a great deal of digital content.

Each photo must link to a web page that corresponds to the subject matter portrayed. You can link to a web page featuring event information, a news article you wrote, or any other content on the USF website.

The photos must meet certain specifications:

• jpg file

• measure 660 pixels X 371 pixels for use in a small rotator, or 1000 pixels X 371 pixels for use in a large rotator

• 72 dpi • should have no more than 5 images • when saving your photo from Photoshop, use "save for web" option

Widgets

Call to Action Boxes (Vertical and Horizontal) 

imagesofwidgets

 

If you choose the small photo, small rotator, or small video option, you can opt to display four call to action boxes to the right or left of it (vertical). If you choose the large photo or large rotator option, you can opt to display four call to action boxes underneath it (horizontal).You can change the boxes as often as you like.

The purpose of the call to action boxes is to drive traf c to speci c functionality on your website. For example, at different points of the year, you may want to drive prospective students to apply, or donors to give, or community members to attend a campus event.

In order to implement this option successfully, you need to identify your key audience(s), analyze their needs and meet those needs by producing a call to action that allows them to complete a speci c task that you know is important to them. The call to action boxes must meet certain speci cations: • each headline has a character limit of 20

• each summary has a character limit of 50

• each box must have an icon, created by UCM

• each box must link to a web page

• there must be exactly four boxes

Widget Row (underneath the Feature Area)

The row of widgets underneath the feature area is a required element for all USF homepages.The section is highly customizable.

Options include:

• three one-column widgets

• one two-column widget plus one one-column widget For complete details about each widget offered, keep reading.Widget Row (underneath the Feature Area)

The row of widgets underneath the feature area is a required element for all USF homepages.The section is highly customizable.

Options include:

• three one-column widgets

• one two-column widget plus one one-column widget For complete details about each widget offered, keep reading.

Text Navigation

image and text navigation column

 

If you choose the small photo, small rotator, or small video option, you can opt to display additional navigation to the right or left of it. This navigation can be customized to meet your unit's needs. However, as with all website navigation, it should not change often.

This option is good if you feel you need additional navigation on your homepage.

The text navigation must meet certain speci cations:

• it must contain at least 5 links and no more than 7 links

• each link has a character limit of 20 • each item must link to a web page

• do not duplicate the links already found in your header navigation

The text will display in a pre-determined style.

News with Image

layout of news articles with headlines and images

This option provides an opportunity to display news headlines, summaries, publication dates (optional) and thumbnails that link to news articles you've created and posted on your website. It is available in both one-column and two-column formats. Do not duplicate stories already found in your rotator.

This option is good if you generate a great deal of news about your unit. It is not recommended for units that do not have a communications professional on staff.

The widget must meet certain specifications:

• the widget name has a character limit of 25

• the thumbnail images must be 100 px x 100 px, 72 dpi, .jpg file

The headline and text will display in a pre-determined style.

News without Image

news list without accompanying thumbnails

 

This option provides an opportunity to display news headlines, summaries and publication dates (optional) that link to news articles you've created and posted on your website. It is available in the one-column format. Do not duplicate stories already found in your rotator. This option is good if you generate a great deal of news about your unit. It is not recommended for units that do not have a communications professional on staff.

The widget must meet certain specifications:

   • the widget name has a character limit of 25

The headline and text will display in a pre-determined style.

News Feed

example of news feed

This option provides an opportunity to display a RSS feed of headlines that link to stories produced by your unit, or by USF News, USF Health, USF Athletics, or another USF unit. In order to use this widget a RSS feed must already exist.

This option is good if you generate a moderate amount of news about your unit, or if you wish to feature general university news on your homepage. The headline and text will display in a pre-determined style.

Calendar

example of a calendar

This option provides an opportunity to display a list of important dates. Each date listed will link to more detailed information.

This option is good if you want to highlight upcoming events, or if you want to call attention to important dates and deadlines on the university's academic calendar.The option to use a Google Calendar feed is also available.

The month and day and text will display in a pre-determined style.

Text (One or Two-column) 

This option provides an opportunity to display a block of text to welcome visitors or to display important information regarding your unit. It is not recommended for units that do not have a communication professional on staff. It can either be used as a one-column or two-column widget.

The text area must meet certain speci cations:

• the headline has a character limit of 25

• one-column: the text area has a character limit of 400

• two-column: the text area has a character limit of 950

The headline and text will display in a pre-determined style.

Featured Story

example of a featured story

 

This option provides an opportunity to display a single featured story produced by your unit.The story could be about a faculty member, a student, an upcoming event, an initiative important to your unit's leadership, etc.

This option is not recommended for units that do not have a communication professional on staff.

The featured story must meet certain specifications:

• the story headline has a character limit of 25 and must link to a web page

• the story text has a character limit of 150

• the photo must be a jpg file and must be 320 pixels X 213 pixels

• when saving your photo from Photoshop, use "save for web" option