Skip to:Main Content

Washington and Lee University

Washington and Lee University
Washington and Lee University Campus Image

Creating a Banner Ad/Wildcard Rotator

Getting Started

You can use banner ads and WYSIWYG components to display informational or promotional content in the margins of your Web page. Banner ads are images which click through to another page for additional information. WYSIWYG components are a free-form fields for text and/or images which do not click through to another page unless a link is added.

Areas on your page template designated for banner ads can only display banner ads via a rotator list group component, whereas areas on the page template designated for wildcards can display banner ads and/or WYSIWYGs via a rotator list group component.

1. Create or request a Banner Ad or WYSIWYG header image

If you are proficient with Adobe Photoshop, you can create your own banner ad or WYSIWYG header images for use on your site. A collection of templates is available from the Web Services team to help get you started. Please see the Style Guide for dimensions, approved fonts and colors.

If you prefer to have your banner ad or WYSIWYG headers created for you, e-mail Jessica Carter in the Communications Office with the banner ad or WYSIWYG name, text, and corresponding image if you have one in mind.

2. Create a Banner Ad or WYSIWYG Component

Each site manager will be provided a set of folders within their departmental site's components that correspond to the banner ad dimensions or WYSIWYG elements used on the pages in their section. For instance, the Admissions site manager, using a Three-Column Front, will have 206 Horizontal, 229 Horizontal, 206 Billboard and 229 Billboard folders as subfolders of a Banner Ads folder. See a list of available banner ad dimensions and WYSIWYG elements.

To create a new banner ad or WYSIWYG component, right click on the folder corresponding to the dimensions of the banner ad or WYSIWYG element you wish to create. Create a new component of type "Banner Ad" or "WYSIWYG Component" and give it a name that reflects the content of the component (i.e. "Visit W&L" or "Science Majors").

The Edit screen will open to the schema of your new component.

For Banner Ads:

Browse to select the correct image from the image bank, and then drag the destination (click-through) page from the tree into the Banner Link field. If you wish to link to a page outside the CMS (even if it is part of wlu.edu), you should select "external link" or "document" and fill in the appropriate document or URL and page name.

Save your banner ad, check it in, and mark it for publish.

For WYSIWYG Components:

Type your text into the WYSIWYG field that opens in the schema. You may also add images to this field.

Note: At A Glance, Did You Know? and Why W&L? facts have standard graphic headers that can be selected from the images/wysiwyg_titles folder in the image bank. If you have a group of WYSIWYG elements that share a common theme, you can create your own graphic header for these elements or request one from Web Services and add it to this folder for future use.

3. Create a Rotator List Group Component

Banner ads and WYSIWYGs will not appear on a page until they are placed in a rotator list group component.  Each site section has a Rotators folder containing folders for Banner Ads and Wildcards. The Banner Ad folder is organized by size (i.e. 229 Horizontal, 140 Vertical) and the Wildcards folder is organized by page template (i.e. Two Column Front, Detail Page).

Note: Rotator list group components being used in a Banner Ad position can only display banner ad components. Rotator list group components being used in a Wildcard position can display banner ad components, WYSIWYG components, or a combination of the two.

To create a rotator component, right click on either the Banner Ads or Wildcards folder. Create a new component of type "Rotator List Group" and give it a name that reflects the organizing principle of the rotator (theme or position). The Edit screen will open to the schema of your new rotator list group component. Drag the appropriate banner ad or WYSIWYG component from the Internal Components section of the site tree into the Component field of the Rotation Items section of the schema.

If you wish to rotate more than one banner ad or WYSIWYG component in that position, click the + button to add additional component fields and drag the appropriate banners/WYSIWYGs into those fields. If only one component is added to a rotator list group, that component will appear as a static image on the page.

Save your rotator list group, check it in, and mark it for publish.

4. Add Your Rotator List Group Components to Your Page

Depending on your page template, you will have the option of adding your rotator list group components to either the left column only (Two-Column Fronts, Detail Pages, Index Pages) or the left and right columns (Three-Column Fronts). Once you have created the rotator list group components for the page you're working on, simply open the destination page in edit mode and expand the left and/or right column sections to display the available positions for banner ads and wildcards.

Drag the appropriate rotator list group component from your Rotators folder into the desired position on the page.

Save your page, check it in, and mark it for publish.