Analyzing the CALS Homepage – an Example of the Advanced Content Editor

The CALS homepage ( https://cals.wisc.edu/ ) was built with the Advanced Content Editor.

Let’s analyze it row by row to get a better understanding of how to create the different effects.

Row 1: Text Blocks, Event Blocks, Buttons

• 2-column row with column sizes 66%/33%
• Row spacing bottom – Remove Spacing
• Row background – None
• Left Column Style – Default
• Right Column Style – Red Background (that creates the red ribbon effect)

Left Column content blocks:

• Block 1:
  • Type – Title Text
  • Text Content – Growing the Future
• Block 2:
  • Type – Paragraph Text
  • Text Content – text shown in image above

Right Column content blocks:

• Block 1:
  • Type – Events
  • Events URL – http://today.wisc.edu/events/feed/30
  • Number of Events – 2
• Block 2:
  • Type – Title Text
  • Text Content – Explore
  • Heading Size – Medium
• Block 3:
  • Type – Button
  • Button Text – Majors
  • Button Action – Page
• Block 4:
  • Type – Button
  • Button Text – Diversity
  • Button Action – Page

Row 2 – Remote Posts Displayed in Offset Columns with Row Background Image

• Full-width row
• Row Spacing Top, Row Spacing Bottom – Remove Spacing
• Row Background Image – set to an image (when the image displays, the brightness will be set very high to create a “ghost” or watermark effect.
• Row Background Image Attachment – Relative
• Image Vertical Alignment – Center

Full Width Content Options:

• Highlighted Posts/Pages
  • Appearance Options – Offset Columns
  • Highlighted Content Type – Remote Posts (4 of them)
    • Date Hidden, Author Hidden, Category Hidden, Excerpt Hidden

Row 3 – Person Feature

• Full-width row
• Row Spacing Top – Remove Spacing
• Row Background Image – None

Full Width Content Options:

• Person Feature
  • Section Title – CALS Faces
  • Person’s Name – DARREL D. “AJ” FEUCHT
  • Personal Bio
  • Person Photo
  • Quote – Spearheading such a unique mission was a tremendous opportunity.

Row 4 – Social

 

• Full-width row
• Row Spacing Top, Row Spacing Bottom – Remove Spacing
• Row Background – Color

Full Width Content Options:

• Social
• Content Source – Manual
• Social Network – Facebook
• Post Content – text shown in image above
• Featured Image – set
• Social Name – UWMadisonCALS

Row 5 – Fundraising

• Full-width row
• Row Spacing Top, Row Spacing Bottom – Remove Spacing
• Row Background – None

Full Width Content Options:

• Fundraising
  • Campaign – All Ways Forward
  • Campaign URL