CALS v4 WordPress Block Testing
Kitchen Sink of Elements
Welcome to QA
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 and meets a WCAG 2.0 AA standard.
Events Example
Events
- 01/11/25 Natural Sciences and Visual Studies Merge!
- 01/13/25 Biochemistry Colloquium - Lu Bai Mechanism of nucleosome invasion and binding specificity of pioneer factor
- 01/15/25 Discovery to Product (D2P) Open House
(This example dynamically pulls events from Today.wisc.edu events calendar feed)
Sample Quote to call out on a page.
Quote Citation
Podcast embedding Example
Learn outside the lecture hall
Step outside of the classroom with global health field experience courses, where you’ll have the chance to learn from community partners and experts in the field. You could explore how the way cities are designed impact public health, teach elementary students the importance of nutrition and food equity, and so much more.
Study abroad and gain global perspective
See the world and complement what you’re learning in the classroom while on your way to becoming an informed global citizen. Choose from one of UW–Madison’s many semester, summer, and short-term study abroad programs!
Learn about indigenous knowledge and environmental health in Ecuador, community health and health disparity in Nepal, sustainable food system in Italy, and so much more.
Get involved. Find your people.
Explore some of the many global health-related student organizations at UW–Madison:
Get involved in mentored research
Build your resume, explore career paths, and help solve real world problems with faculty across campus. You can build valuable bench or field research skills in a bioscience lab or research social science on public health challenges.
CALS researchers at UW–Madison explore infectious diseases, environmental health, sustainable agriculture, community engagement, and so much more.
Brand New Cover Block
Consequat enim eu do est fugiat anim cillum commodo sit. Consequat enim eu do est fugiat anim cillum commodo sit. Consequat enim eu do est fugiat anim cillum commodo sit. Consequat enim eu do est fugiat anim cillum commodo sit. Consequat enim eu do est fugiat anim cillum commodo sit. Consequat enim eu do est fugiat anim cillum commodo sit. Consequat enim eu do est fugiat anim cillum commodo sit.
Consequat enim eu do est fugiat anim cillum commodo sit. Consequat enim eu do est fugiat anim cillum commodo sit. Consequat enim eu do est fugiat anim cillum commodo sit. Consequat enim eu do est fugiat anim cillum commodo sit. Consequat enim eu do est fugiat anim cillum commodo sit.
Fast Facts Example
(uses cover block + columns block for layout)
Carousel (Wide Width)
Multiple Column Layouts & Button Styles
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
Dark BG (not dark mode) and button Styles
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
This is a linked card. Esse laboris esse ut magna irure ullamco irure. Sint exercitation in voluptate qui dolore aute magna et minim officia aliquip.
Test Heading
This is a linked card. Esse laboris esse ut magna irure ullamco irure. Sint exercitation in voluptate qui dolore aute magna et minim officia aliquip.
Test Heading
This is a linked card. 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.
Card Pattern Layout with Grid Block+Stack
Card Heading
Quis adipisicing cillum laborum amet cupidatat excepteur. Minim pariatur veniam fugiat deserunt minim non esse velit pariatur reprehenderit magna. Esse incididunt ut occaecat et anim aute nulla.
Card Heading
Quis adipisicing cillum laborum amet cupidatat excepteur. Minim pariatur veniam fugiat deserunt minim non esse velit pariatur reprehenderit magna. Esse incididunt ut occaecat et anim aute nulla.
Card Heading
Quis adipisicing cillum laborum amet cupidatat excepteur. Minim pariatur veniam fugiat deserunt minim non esse velit pariatur reprehenderit magna. Esse incididunt ut occaecat et anim aute nulla.
Card Heading
Quis adipisicing cillum laborum amet cupidatat excepteur. Minim pariatur veniam fugiat deserunt minim non esse velit pariatur reprehenderit magna. Esse incididunt ut occaecat et anim aute nulla.
Card Heading
Quis adipisicing cillum laborum amet cupidatat excepteur. Minim pariatur veniam fugiat deserunt minim non esse velit pariatur reprehenderit magna. Esse incididunt ut occaecat et anim aute nulla.
Card Heading
Quis adipisicing cillum laborum amet cupidatat excepteur. Minim pariatur veniam fugiat deserunt minim non esse velit pariatur reprehenderit magna. Esse incididunt ut occaecat et anim aute nulla.
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
This is the new modal
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.
Table Block
Column One | Column Two |
---|---|
asdfasdf | asdfasdf |
asdfasdf | asdfasdf |
asdfasdf | asdfasdf |