Flowering red and white tulips frame a the W crest icon that is a part of a landscaped roundabout at Observatory Drive and Walnut Street.

Welcome to the UW Theme’s Kitchen Sink

terrace pier in summertime
An early morning view down Bascom Hill.

Kitchen Sink of Page Elements

This kitchen sink of elements page uses every visual page element available in the UW Theme. As you might notice, it’s much too much content for one page. For this page we wanted to showcase all of the options.

This theme has been browser-tested across devices and meets a WCAG 2.0 AA standard.

(See documentation about using and contributing to UW Theme.)

“This is a stylized quote. It can only be used in 1 column layouts. Because we wanted to add design flexibility while maintaining responsiveness, usability, and accessibility standards, we needed to make some tough choices about which design elements could be used in 1, 2, and 3 column layouts.”

Director of Web Services, University Marketing

Text Block

This is a text block used in the second column of a 3 column layout. Text blocks can be edited with a visual editor. You can add links, bold text, and lists. A text block can be used in:

  • 1,
  • 2, and
  • 3 column layouts

See Page elements for examples of all the elements available within the UW Theme.

This is another text block above two image page elements.

A group of women maintain balance during an Outdoor UW standup paddleboard (SUP) yoga class

Text block in a one column layout

A new-student leader talks with incoming first-year undergraduates and facilitates a small-group discussion about the challenges new students may face as they transition to campus life during in a Student Orientation, Advising and Registration (SOAR) session outdoors at Union South's The Plaza at the University of Wisconsin-Madison on June 20, 2016. Sponsored by the Center for the First-Year Experience, the two-day SOAR sessions provide new students and their parents and guests an opportunity to meet with staff and advisors, register for classes, stay in a residence hall, take a campus tour and learn about campus resources. (Photo by Jeff Miller/UW-Madison)
A new-student leader talks with incoming first-year undergraduates.

This is a text block used in a 1 column layout. We added an image using WordPress’s visual editor. The method is very similar to uploading and adding an image in other web editors and image processing programs.

There is no character limit on text boxes. This layout choice might be used for stories or larger blocks of text. Many pages in UW–Madison websites don’t need to be visually engaging, they need to relay information. This page element works well for these needs.

See the WiscWeb WordPress Service site for examples of the full list of page elements, along with links to demonstrations, descriptions, and links to KB articles.

Accordion Panels and Latest posts

This is an accordion element with a series of buttons that open and close related content panels.

Why use an accordion?

  • Because they work on 1 and 2 column layouts.
  • Because they’re cool.
  • Because everyone else is doing it.

Why not to use an accordion?

Because they hide your content and negatively affect SEO.

Because they’re “jumpy”.

Because not everyone likes accordion music.

Who loves accordions?

People with lots of questions to answer.

People with lots of content.

Latest posts can be used on 1, 2, and 3 column layouts

Tabbed content can only be used in a 1 column layout

As I walk through
This wicked world
Searchin’ for light in the darkness of insanity.

I ask myself
Is all hope lost?
Is there only pain and hatred, and misery?

And each time I feel like this inside,
There’s one thing I wanna know:
What’s so funny ’bout peace love & understanding? Ohhhh
What’s so funny ’bout peace love & understanding?
And as I walked on
Through troubled times
My spirit gets so downhearted sometimes

So where are the strong
And who are the trusted?
And where is the harmony?
Sweet harmony.

‘Cause each time I feel it slippin’ away, just makes me wanna cry.
What’s so funny ’bout peace love & understanding? Ohhhh
What’s so funny ’bout peace love & understanding?

So where are the strong?
And who are the trusted?
And where is the harmony?
Sweet harmony.

‘Cause each time I feel it slippin’ away, just makes me wanna cry.
What’s so funny ’bout peace love & understanding? Ohhhh
What’s so funny ’bout peace love & understanding? Ohhhh
What’s so funny ’bout peace love & understanding?

Embed content can be used in 1 and 2 column layouts

Alternating Content Boxes

Planes

An airplane or aeroplaneA (informally plane) is a powered, fixed-wing aircraft that is propelled forward by thrust from a jet engine or propeller.

Heading 2

Heading 3

On April 26, 2010, University of Wisconsin-Madison undergraduates and members of the Flying Badgers aviation club Shawn Willette (left), Jason Muth (center) and Gregory Oudheusden (right) stand next to a single-propeller plane at the Dane County Regional Airport in Madison, Wisconsin. Oudheusden is the president and founder of the club. Willette has a license to be a private pilot, and friends in the club have drawn Muth to aviation. ©UW-Madison University Communications 608/262-0067 Photo by: Bryce Richter Date: 04/10 File#: NIKON D3 digital frame 1868

Trains

A train is a form of rail transport consisting of a series of vehicles that usually runs along a rail track to transport cargo or passengers.

UWPD train safety

Automobiles

A car is a wheeled, self-powered motor vehicle used for transportation and a product of the automotive industry.

Children riding in the back of a vintage car huddle under the cover of a banner with the phrase, Happy Homecoming, as they wave to thousands of spectators lining State Street during the University of Wisconsin-Madison's Homecoming Parade on Oct. 16, 2015. The annual parade is one of many Homecoming week activities sponsored by the Wisconsin Alumni Association (WAA). (Photo by Jeff Miller/UW-Madison)

Faculty/staff listing can be used in 1 column content layouts

Professor 1

Position title: Biology Professor

Email: professor1@wisc.edu

Phone: 555-555-5555

Professor 2

Credentials: PhD

Position title: Mathematics Professor

Email: professor2@wisc.edu

Phone: 555-555-5555

Professor 4

Credentials: PhD

Position title: Science Professor

Email: professor4@wisc.edu

Phone: 555-555-5555

Professor 5

Credentials: PhD, MD

Position title: Professor

Email: professor5@wisc.edu

Phone: 555-555-5555

Professor 6

Credentials: PhD

Position title: Professor

Email: professor6@wisc.edu

Phone: 555-555-5555

Some Doctor

Credentials: PhD, MD

Position title: Doctor

Email: bucky@wisc.edu

Phone: 555-555-5555