Welcome to the CALS v4 WordPress Theme
Kitchen Sink of Elements
Welcome
This kitchen sink of elements page provides examples of the Gutenberg page building blocks that are available in the UW CALS version 4 Theme. Although this is far too much content for a typically designed page, its purpose is to showcase many of the visual design layout options that are possible when combining the theme’s available Gutenberg blocks within the page editor.
This theme has been browser-tested across devices to meet WCAG 2.1 AA guidelines.
Events Example
Events
- 01/22/25 Genetics Spring Colloquium Romeo Blanc, UW-Madison
- 01/27/25 Biochemistry Colloquium - Lluis Morey Role of Polycomb in cancer and neurodevelopment
- 01/29/25 Genetics Spring Colloquium Nathan Clark, University of Pittsburgh
(This example dynamically pulls events from Today.wisc.edu events calendar feed)
Sample Quote to call out on a page.
Quote Citation
Fast Facts Example
(uses cover block + columns block for layout)
Carousel (Wide Width)
Multiple Column Layouts
Column One
Additional information provided here.
Full Library of UW Icons
Browse an easy to navigate interface to display icons that help communicate to your site visitors. Look for the “Icon” Block in the page editor.
Column Three
Carousel Block (Full Width)
Slider One
Nulla minim exercitation eiusmod nisi officia sint ut voluptate nostrud ullamco. Nostrud nisi laboris et officia sit amet cillum nulla velit.
Slider Two
Nulla minim exercitation eiusmod nisi officia sint ut voluptate nostrud ullamco. Nostrud nisi laboris et officia sit amet cillum nulla velit.
Slider Three
Nulla minim exercitation eiusmod nisi officia sint ut voluptate nostrud ullamco. Nostrud nisi laboris et officia sit amet cillum nulla velit.
Card Layout Example
Test Heading
Esse laboris esse ut magna irure ullamco irure. Sint exercitation in voluptate qui dolore aute magna et minim officia aliquip.
Test Heading
Esse laboris esse ut magna irure ullamco irure. Sint exercitation in voluptate qui dolore aute magna et minim officia aliquip.
Test Heading
Esse laboris esse ut magna irure ullamco irure. Sint exercitation in voluptate qui dolore aute magna et minim officia aliquip.
Test Heading
Esse laboris esse ut magna irure ullamco irure. Sint exercitation in voluptate qui dolore aute magna et minim officia aliquip.
Test Heading
Esse laboris esse ut magna irure ullamco irure. Sint exercitation in voluptate qui dolore aute magna et minim officia aliquip.
Test Heading
Esse laboris esse ut magna irure ullamco irure. Sint exercitation in voluptate qui dolore aute magna et minim officia aliquip.
Bento Box Design Example
(using mix of media+text block and Column blocks)
Sustainable Agriculture
Enhancing crop and livestock productivity; conserving resources; ensuring food access and safety; and developing methods that promote economic, social, and environmental sustainability.
Environmental Conservation and Climate Resilience
Addressing biodiversity loss and climate change impacts and promoting sustainable land and water management practices to safeguard agricultural ecosystems.
Bioenergy and Bioproducts
Exploring renewable energy sources and bioproducts derived from agricultural and biological resources, aiming to reduce dependence on fossil fuels and promote a sustainable economy.
Basic Life Sciences and Human Health
Investigating fundamental biological mechanisms related to human health, including cell function, nutrition, disease pathways and medical applications.
Rural Development and Community Resilience
Supporting rural economies, creating equitable access to resources and enhancing agricultural resilience that values human and animal welfare.
Alternating Text & Images Example
(using media+text blocks)
Example Heading One
Ad magna culpa fugiat aute adipisicing elit non aliqua consectetur sint. Eiusmod Lorem laborum ea elit esse culpa Lorem irure amet reprehenderit commodo enim nulla enim.
Ad magna culpa fugiat aute adipisicing elit non aliqua consectetur sint. Eiusmod Lorem laborum ea elit esse culpa Lorem irure amet reprehenderit commodo enim nulla enim.
Example Heading Two
Ad magna culpa fugiat aute adipisicing elit non aliqua consectetur sint. Eiusmod Lorem laborum ea elit esse culpa Lorem irure amet reprehenderit commodo enim nulla enim.
Ad magna culpa fugiat aute adipisicing elit non aliqua consectetur sint. Eiusmod Lorem laborum ea elit esse culpa Lorem irure amet reprehenderit commodo enim nulla enim.
Example Heading Three
Ad magna culpa fugiat aute adipisicing elit non aliqua consectetur sint. Eiusmod Lorem laborum ea elit esse culpa Lorem irure amet reprehenderit commodo enim nulla enim.
Ad magna culpa fugiat aute adipisicing elit non aliqua consectetur sint. Eiusmod Lorem laborum ea elit esse culpa Lorem irure amet reprehenderit commodo enim nulla enim.
Cover Block with image
(with fixed background option)
Accordion
Tabs
Sample Modal content. You can display additional content or contextual information within a popup modal that doesn’t require a full separate page. Many blocks are allowed within the modal layout block for additional formatting.
