Summary
Version 3.0.3 of the Illinois WordPress Theme includes a significant page structure change and accompanying CSS rewrite. This release removes the block level wrapping of <div> tags, provides new versions of the Hero and Tabs block and includes various style adjustments to accommodate brand recommendations.
What’s Changed
New Features
- Added V3 version of Hero Block
- Added V3 version of Tabs Block
Enhancements
- Added support to render labels in the main navigation
- Reformatted page titles in browser tabs to match brand standards
- Removed block level
<div class="uofi-default-block il-formatted">wrapping - Updated breadcrumbs to V3 version
- Added internal div wrapping to Accordion, Lede, and Statistic blocks
Bug Fixes
- Added CSS to fix default Gallery Block layout
- Added CSS to correct sidebar link color and formatting
- Corrected Alignment on 404, Archive, Category, and Search page templates
- Corrected Call to Action button alignment/stacking behavior
- Corrected variable reference in conditional logic to fix subfooter links
- Removed off-brand styles from Media & Text block
- Replaced inaccessible orange color of chevrons in megamenu with updated palette
Upgrade Notes
Accordion, Lede, and Statistic Block
In this release an internal div wrapper has been added to Accordion, Lede, and Statistic blocks. When editing a page with a previously deployed version of one of these blocks, the markup will update automatically via the block deprecation function.
Labels in Main Navigation
For top level menu items that have child menu items, input a “#” in the URL field of Custom Link in order to render text as a label in the navigation.
Removing Block Level <div> Wrapping
This version of the theme removes the default block level <div class="uofi-default-block il-formatted"> wrapping that was used to implement various defaults associated with V2 of the Illinois Toolkit. After implementing V3 of the Illinois Toolkit in v3.0.0 of the theme, developers noted many style conflicts caused by the this previous formatting decision. To support the removal of this formatting, the new <ilw-page> component has been implemented as a page wrapper alongside various CSS adjustments to support margins, padding, and alignment of various blocks.
The developers have made an effort to remove as many references to the il-formatted class in page templates and blocks while we work to fully transition to the new brand and design standards. For site maintainers who have custom code overrides that are contingent upon the previous page structure, we have added an option in the Advanced Theme Settings to toggle this wrapping back on. This rollback option is a temporary feature and will be removed in version 3.1.0 of the theme. Please update your custom style sheets accordingly.
Tabs block
With the inclusion of the new V3 version of the Tabs component, the display name has been updated from Vertical Tab to Tabs in the block listing. When editing a page with a previously deployed Vertical Tab block, the markup will update to the new Tabs markup via the block deprecation function. New options and functionality have been added, including the ability to list tab panels horizontally.
Toolkit Version
Version 3.0.3 of the theme implements version 3.7.1 of the Illinois toolkit. Upcoming changes to color code variables may impact existing blocks. A future version of the theme will increment this version as appropriate once we’ve implemented the new color code references.
Get v3.0.3
View/Download the Release on GitHub
The theme is available on GitHub: https://github.com/web-illinois/wptheme_university_of_illinois_2020/releases/tag/v3.0.3