WiscWeb - WordPress UW Theme - Alternating Content Boxes Page Element

This document will walk you through adding Alternating Content Boxes to your page in the WordPress UW Theme. You can see an example at Alternating Content Boxes demo page.

Layout Availability

The Alternating Content Boxes are only available in the One Column Content Layout. The space, text, and images required would not translate to the smaller two and three column layouts.

Best Practices

  • Images should be at least 576x384 to ensure consistent display. Images larger than 576x384 will be automatically fitted to content area.

What are Alternating Content Boxes?

Alternating Content Boxes create a pre-formatted way of display similar information in a pseudo-tabular format. Each new content block you create adds a row to the block, and rows are stacked on top of each other. The first block adds text on the left and an image on the right. The second puts the image on the left and the text on the right. They then alternate left and right for each content block after that. See the example below.

example-alternating-content-box.png

Adding Alternating Content Boxes to a Page

  1. Navigate to the page on which you want to add an Alternating Content Boxes.
  2. Scroll to the Primary Content Area and the Layout on which you want to add the Alternating Content Boxes.
  3. At the bottom of the Layout, click on Add Page Element.
  4. On the Page Element list, click on Alternating Content Boxes.

Adding Content to your Alternating Content Boxes

  1. After you've added the Alternating Content Boxes, you will have the option to add a Headline. This will appear at the top of the Alternating Content Boxes block. In the image at the top of the page, it is the all black, all cap ALTERNATING CONTENT BOXES HEADLINE.
  2. To add a new content box, click on Add New Content Box.
  3. Each content box has the following options:
    • Headline: Appears at the top of the text portion of the content box. In the image at the top of the page, these appear in red as AREA HEADLINE 1, 2, and 3.
    • Text: You can add up to 250 characters of text that will appear below the headline. In the image at the top of the page, these appear as area 1, 2, and 3 text
    • Use Predefined Menu?: Allows you to add a menu to your content area. The menu will appear as a series of links. In the image above, the link to UW Home in the second content box is a menu. To setup a menu, see WiscWeb - WordPress UW Theme - Creating and Editing a Menu
    • Links Group: Allows you to add a group of links beneath the text area. For each link, click the Add Link button. A new row will be added to the link list. Choose from the drop down Internal or External, then add the text you want to appear for the link then type the URL (if external) or select the page to link to (if internal). In the image above, the links below "area 1 text" have been added.
    • Image: This allows you to add an image that will appear on the right (odd numbered content boxes) or left (even numbered content boxes). In the image above, the first two content boxes have images.



Keywords:picture image table   Doc ID:68949
Owner:Ryan H.Group:WiscWeb CMS
Created:2016-11-22 10:19 CDTUpdated:2017-01-20 14:18 CDT
Sites:WiscWeb CMS
Feedback:  0   0