WordPress Documentation & Version Info<\/h4><\/p>\nDocumentation<\/h4>\n
As of August 2024, the classic editor is the default for client websites, except for certain post types*, until we are ready to transition to Gutenberg.<\/p>\n
*BU Programs, BU Prepress, BU Blocks, and BU Learning Blocks.<\/small><\/p>\n
Classic Editor WP Docs<\/a><\/p>\nGutenberg WP Docs<\/a><\/p>\nVersion<\/h4>\n
We are currently running on version 5.4.2<\/code> of WordPress.<\/p>\nWordPress 5.x Series (2018\u2013Present)<\/h3>\n
5.0 (Bebo, 2018):<\/strong><\/p>\n\n- Key Feature:<\/strong> Introduction of the block editor (Gutenberg), a significant change in the editing experience.<\/li>\n
- Other Features:<\/strong> New default theme (Twenty Nineteen), improved REST API.<\/li>\n<\/ul>\n
5.3 (Kirk, 2019):<\/strong><\/p>\n\n- Key Feature:<\/strong> Enhanced block editor with new blocks and improvements.<\/li>\n
- Other Features:<\/strong> Admin interface enhancements, expanded date and time capabilities.<\/li>\n<\/ul>\n
[Where We Are]<\/span>\u00a05.4 (Adderley, 2020):\u00a0<\/strong><\/p>\n\n- Key Feature:<\/strong> Further improvements to the block editor, including new social icons block.<\/li>\n
- Other Features:<\/strong> Block patterns and gradients, improved privacy tools.<\/li>\n<\/ul>\n
5.5 (Eckstine, 2020):<\/strong><\/p>\n\n- Key Feature:<\/strong> Built-in lazy loading for images, which improves page load speed.<\/li>\n
- Other Features:<\/strong> Automatic updates for plugins and themes, XML sitemaps by default.<\/li>\n<\/ul>\n
[Current Goal]<\/span>\u00a05.6 (Simone, 2020):\u00a0<\/strong><\/p>\n\n- Key Feature:<\/strong> New default theme (Twenty Twenty-One) and greater emphasis on site health.<\/li>\n
- Other Features:<\/strong> Enhanced support for PHP 8, REST API authentication with application passwords.<\/li>\n<\/ul>\n
5.8 (Tatum, 2021):<\/strong><\/p>\n\n- Key Feature:<\/strong> Introduction of Full Site Editing (FSE) components, like the template editor.<\/li>\n
- Other Features:<\/strong> Support for WebP images, block-based widgets editor.<\/li>\n<\/ul>\n
5.9 (Josephine, 2022):<\/strong><\/p>\n\n- Key Feature:<\/strong> Full Site Editing (FSE) comes to the forefront with block-based themes.<\/li>\n
- Other Features:<\/strong> New site editing tools, improved block patterns, Twenty Twenty-Two theme.<\/li>\n<\/ul>\n
[Future Goal] <\/span>6.0 (Arturo, 2022):<\/strong><\/p>\n\n- Key Feature:<\/strong> Further enhancements to Full Site Editing (FSE) and new design tools.<\/li>\n
- Other Features:<\/strong> Improved template part creation, enhanced global styles.<\/li>\n<\/ul>\n
<\/div>\n<\/div>\n\n
<\/p>\nOur WordPress plugins [I.D. Components] are accessible and activated only by BU IS&T & Interactive Design users with the \u2018ID Site Admin\u2019 role<\/strong>.<\/h4>\nAlways reference a plugin’s GitHub style and functional code<\/span> for an easier time integrating them into custom theme designs.<\/h4>\n<\/div>\n
\nNotable Plugins<\/h2>\nPost Type Basis<\/h4>\nBU Landing Pages<\/h4><\/p>\n![\"\"](\"\/marcom-team\/files\/2025\/06\/landing-plugin-blocks-copy.png\")
<\/p>\n
“BULP” (BU Landing Pages) is a WordPress template with preset content sections, offering a user-friendly interface for creating effective landing pages.<\/p>\n
BULP Demo Site<\/a><\/p>\nPage Template Example<\/a><\/p>\nBULP GitHub Wiki<\/a><\/p>\nBULP Documentation<\/a><\/p>\nHelpful Pointers For New Designers<\/h6><\/p>\n\n- Check BU Landing Page plugin’s partial structure<\/a> and create partials in your child theme in a similar formation. This goes for all I.D. products.<\/li>\n
- To add the Video Promo row<\/strong>, copy and paste this code<\/a> to the end of your child theme’s
functions.php<\/code> file and adjust false<\/code> to true<\/code>.<\/li>\n- CSS Scroll Snapping<\/a> can be a [load time effective] alternative to implementing a third-party JS slider like slick.js for News & Events<\/strong> [possibly Promo]
bulp-items<\/code>.<\/li>\n- It replaced BU Infographics and has been our default interim solution until we have greater block-editing capabilities with our next release of Responsive Child Starter.<\/li>\n<\/ul>\n
<\/div>\n<\/div>\n <\/div>\n<\/div>\n\n
BU Banners<\/h4><\/p>\n![\"\"](\"\/marcom-team\/files\/2025\/06\/Screenshot-2025-06-05-at-4.09.15\u202fPM.png\")
<\/a><\/p>\nBU Banners delivers impactful leading images, value propositions, and actionable links across various responsive page templates.<\/p>\n
BU Banners Demo Site<\/a><\/p>\nBU Banners GitHub Wiki<\/a><\/p>\nBU Banners Documentation<\/a><\/p>\nHelpful Pointers For New Designers<\/h6><\/p>\n\n- To add the Auto-Looping Video Banner Option<\/strong>, copy and paste this code<\/a> to the end of your child theme’s
function.php<\/code> file and adjust false<\/code> to true<\/code>.<\/li>\n- Take note how the
position<\/code> CSS property of the banner’s .bu-banner-media<\/code> and .bu-banner-content<\/code> <div><\/code>‘s switch at a default viewport width of 768px<\/code>[or $sm<\/code> by Foundation standards].<\/li>\n.bu-banner-color-light<\/code> applies white and .bu-banner-color-dark<\/code> applies black to the banner text by default and is only<\/strong> available on Full-Width<\/em>, No Image<\/em> & Video <\/em>Layout Options.<\/span><\/li>\n- If your design calls for a different image size needed for a certain viewport \u2014 you’ll need to reach out to your project’s WordPress Developer for assistance. Some images sizes are here.<\/li>\n
- BU Banner’s sunsetted I.D.’s [older] custom HTML Content Banner and is used on all websites using Framework Child Starter 2x and above.<\/span><\/li>\n<\/ul>\n
<\/div>\n<\/div>\n <\/div>\n<\/div>\n\n
BU Filtering<\/h4><\/p>\n![\"\"](\"\/marcom-team\/files\/2025\/06\/Screenshot-2025-06-05-at-4.13.27\u202fPM.png\")
<\/a><\/p>\nBU Filtering offers a streamlined, e-commerce-like search and sort experience of [a client websites’] post types, such as faculty profiles.<\/p>\n
BU Filtering Demo Site<\/a><\/p>\nPage Template Example<\/a><\/p>\nBU Filtering GitHub Readme<\/a><\/p>\nBU Filtering GitHub Wiki<\/a><\/p>\nHelpful Pointers For New Designers<\/h6><\/p>\n\n- The class names may be a bit long, so it may save you time and cognitive hassle to quickly sketch either a mind-map or a branch flow of BU Filtering’s main components and each type of filterable markup element so you can have a clearer sense for how to approach style selectors and how the filtering capabilities actually work and affect the results.<\/li>\n<\/ul>\n
<\/div>\n<\/div>\n <\/div>\n<\/div>\n\n
BU Stats<\/h4><\/p>\n![\"\"](\"\/marcom-team\/files\/2025\/06\/Screenshot-2025-06-05-at-4.14.36\u202fPM.png\")
<\/a><\/p>\n![\"\"](\"\/marcom-team\/files\/2025\/06\/screely-1666880574661.png\")
<\/a><\/p>\nHard facts and statistics best underscore our expertise as a research institution. BU Stat’s, a WordPress Custom Post Type, offers flexible presentation of statistics across BU Sites.<\/p>\n
BU Stats Demo<\/a> \u00a0(No Sidebars Template)<\/em><\/p>\nBU Stats BULP Demo<\/a>. (See “BU Stats Section”)<\/em><\/p>\nBU Stats Documentation<\/a> <\/div>\n<\/div>\n\nBU Stories<\/h4><\/p>\n![\"\"](\"\/marcom-team\/files\/2025\/06\/Screenshot-2025-06-05-at-4.17.32\u202fPM.png\")
<\/a><\/p>\n<\/a>As vertical formats like Reels, TikToks, and Shorts gain popularity, BU Stories allows clients to incorporate a similar presentation as post types.<\/p>\nDemo<\/a><\/p>\nDocumentation<\/a> <\/div>\n<\/div>\n\nBU In The Media<\/h4><\/p>\nBU In The Media helps clients feature BU breakthroughs that impact society on their homepages and parent landing pages.<\/p>\n
In The Media Documentation<\/a><\/p>\nIn The Media GitHub<\/a> <\/div>\n<\/div>\n\nBU Timeline<\/h4><\/p>\n![\"\"](\"\/marcom-team\/files\/2025\/06\/194626112-63693e51-9118-4ba5-856b-defa6bb415eb.png\")
<\/a><\/p>\nFor creating, editing and managing responsive timelines.<\/p>\n
BU Timeline Example<\/a> \u00a0(See \u201cThe First Events”)<\/em><\/p>\nBU Timeline Documentation<\/a> <\/div>\n<\/div>\n\nBU Slideshow<\/h4><\/p>\n![\"\"](\"\/marcom-team\/files\/2025\/06\/Screenshot-2025-06-05-at-4.20.06\u202fPM.png\")
<\/p>\n
A modular slideshow gallery favored by BU clients for engagement, though it can be cumbersome to work with.<\/p>\n
We try to avoid recommending it to clients.<\/strong><\/p>\nID Core Demo<\/a><\/p>\nDemo<\/a><\/p>\nDocumentation<\/a><\/p>\nComponent Site<\/a><\/p>\nGitHub Repository<\/a> <\/div>\n<\/div>\n\nGutenberg Post Type-basis<\/h4>\n
Gutenberg emerged as Interactive Design developed the BU Prepress Plugin, aimed at enhancing BU\u2019s printed alumni publications. Now widely used across various University publications, Prepress connects the community both inside and outside of BU.<\/p>\n
Next, let\u2019s dive into BU Prepress and BU Blocks\u2026<\/p>\n
BU Prepress<\/h4><\/p>\n![\"\"](\"\/marcom-team\/files\/2025\/06\/Screenshot-2025-06-05-at-4.22.39\u202fPM.png\")
<\/p>\n
To effectively market and stay relevant, BU\u2019s research and alumni news sites need a robust, block-driven publication platform. Enter the BU Prepress Plugin! A Publication<\/span> platform for WordPress that organizes article post types by tags, categories, and authors into ‘Editions,’ which are updated on the Publication Homepage. Articles can also be grouped into ‘Collections’ and ‘Closeups.’<\/p>\nDemo Site for BU Prepress<\/a><\/p>\nDocumentation for BU Prepress<\/a><\/p>\nGitHub Wiki for BU Prepress<\/a><\/p>\nPublications Overview<\/a>\u00a0<\/div>\n<\/div>\n\nBU Blocks<\/h4><\/p>\n![\"\"](\"\/marcom-team\/files\/2025\/06\/Screenshot-2025-06-05-at-4.24.11\u202fPM.png\")
<\/p>\n
BU Blocks are custom elements in BU Prepress that complement Gutenberg Blocks, evolving traditional BU elements like shortcodes and widgets.<\/p>\n
Demo Site for BU Blocks<\/a><\/p>\nDocumentation for BU Blocks<\/a><\/p>\nGitHub Wiki for BU Blocks<\/a> <\/div>\n<\/div>\n\nBU Programs<\/h4><\/p>\n![\"\"](\"\/marcom-team\/files\/2025\/06\/Screenshot-2025-06-05-at-5.17.39\u202fPM.png\")
<\/a><\/p>\nBU Programs (bup) is a post type block-based content tool for BU clients \u2014 offering a streamlined, organized way for students to find information on programs, degrees, courses, and faculty. It showcases the potential of block editing that is on the horizon for us. You may hear it referenced as “Degrees & Programs” and it is listed as such as within the Plugins tab.<\/p>\n
BU Programs Demo<\/a><\/p>\nBU Programs Demo Notes<\/a><\/p>\nBU Programs Documentation Page<\/a><\/p>\nHelpful Pointers For New Designers<\/h6>
Documentation<\/h4>\n
As of August 2024, the classic editor is the default for client websites, except for certain post types*, until we are ready to transition to Gutenberg.<\/p>\n
*BU Programs, BU Prepress, BU Blocks, and BU Learning Blocks.<\/small><\/p>\n
Classic Editor WP Docs<\/a><\/p>\n Gutenberg WP Docs<\/a><\/p>\n We are currently running on version 5.0 (Bebo, 2018):<\/strong><\/p>\n 5.3 (Kirk, 2019):<\/strong><\/p>\n [Where We Are]<\/span>\u00a05.4 (Adderley, 2020):\u00a0<\/strong><\/p>\n 5.5 (Eckstine, 2020):<\/strong><\/p>\n [Current Goal]<\/span>\u00a05.6 (Simone, 2020):\u00a0<\/strong><\/p>\n 5.8 (Tatum, 2021):<\/strong><\/p>\n 5.9 (Josephine, 2022):<\/strong><\/p>\n [Future Goal] <\/span>6.0 (Arturo, 2022):<\/strong><\/p>\n <\/div>\n<\/div>\n\n <\/div>\n “BULP” (BU Landing Pages) is a WordPress template with preset content sections, offering a user-friendly interface for creating effective landing pages.<\/p>\n BULP Demo Site<\/a><\/p>\n Page Template Example<\/a><\/p>\n BULP GitHub Wiki<\/a><\/p>\n BULP Documentation<\/a><\/p>\n <\/div>\n<\/div>\n <\/div>\n<\/div>\n\n BU Banners delivers impactful leading images, value propositions, and actionable links across various responsive page templates.<\/p>\n BU Banners Demo Site<\/a><\/p>\n BU Banners GitHub Wiki<\/a><\/p>\n BU Banners Documentation<\/a><\/p>\n <\/div>\n<\/div>\n <\/div>\n<\/div>\n\n BU Filtering offers a streamlined, e-commerce-like search and sort experience of [a client websites’] post types, such as faculty profiles.<\/p>\n BU Filtering Demo Site<\/a><\/p>\n Page Template Example<\/a><\/p>\n BU Filtering GitHub Readme<\/a><\/p>\n BU Filtering GitHub Wiki<\/a><\/p>\n <\/div>\n<\/div>\n <\/div>\n<\/div>\n\n Hard facts and statistics best underscore our expertise as a research institution. BU Stat’s, a WordPress Custom Post Type, offers flexible presentation of statistics across BU Sites.<\/p>\n BU Stats Demo<\/a> \u00a0(No Sidebars Template)<\/em><\/p>\n BU Stats BULP Demo<\/a>. (See “BU Stats Section”)<\/em><\/p>\n BU Stats Documentation<\/a> <\/div>\n<\/div>\n\n <\/a>As vertical formats like Reels, TikToks, and Shorts gain popularity, BU Stories allows clients to incorporate a similar presentation as post types.<\/p>\n Demo<\/a><\/p>\n Documentation<\/a> <\/div>\n<\/div>\n\n BU In The Media helps clients feature BU breakthroughs that impact society on their homepages and parent landing pages.<\/p>\n In The Media Documentation<\/a><\/p>\n In The Media GitHub<\/a> <\/div>\n<\/div>\n\n For creating, editing and managing responsive timelines.<\/p>\n BU Timeline Example<\/a> \u00a0(See \u201cThe First Events”)<\/em><\/p>\n BU Timeline Documentation<\/a> <\/div>\n<\/div>\n\n A modular slideshow gallery favored by BU clients for engagement, though it can be cumbersome to work with.<\/p>\n We try to avoid recommending it to clients.<\/strong><\/p>\n ID Core Demo<\/a><\/p>\n Demo<\/a><\/p>\n Documentation<\/a><\/p>\n Component Site<\/a><\/p>\n GitHub Repository<\/a> <\/div>\n<\/div>\n\n Gutenberg emerged as Interactive Design developed the BU Prepress Plugin, aimed at enhancing BU\u2019s printed alumni publications. Now widely used across various University publications, Prepress connects the community both inside and outside of BU.<\/p>\n Next, let\u2019s dive into BU Prepress and BU Blocks\u2026<\/p>\n To effectively market and stay relevant, BU\u2019s research and alumni news sites need a robust, block-driven publication platform. Enter the BU Prepress Plugin! A Publication<\/span> platform for WordPress that organizes article post types by tags, categories, and authors into ‘Editions,’ which are updated on the Publication Homepage. Articles can also be grouped into ‘Collections’ and ‘Closeups.’<\/p>\n Demo Site for BU Prepress<\/a><\/p>\n Documentation for BU Prepress<\/a><\/p>\n GitHub Wiki for BU Prepress<\/a><\/p>\n Publications Overview<\/a>\u00a0<\/div>\n<\/div>\n\n BU Blocks are custom elements in BU Prepress that complement Gutenberg Blocks, evolving traditional BU elements like shortcodes and widgets.<\/p>\n Demo Site for BU Blocks<\/a><\/p>\n Documentation for BU Blocks<\/a><\/p>\n GitHub Wiki for BU Blocks<\/a> <\/div>\n<\/div>\n\n BU Programs (bup) is a post type block-based content tool for BU clients \u2014 offering a streamlined, organized way for students to find information on programs, degrees, courses, and faculty. It showcases the potential of block editing that is on the horizon for us. You may hear it referenced as “Degrees & Programs” and it is listed as such as within the Plugins tab.<\/p>\n BU Programs Demo<\/a><\/p>\n BU Programs Demo Notes<\/a><\/p>\n BU Programs Documentation Page<\/a><\/p>\nVersion<\/h4>\n
5.4.2<\/code> of WordPress.<\/p>\nWordPress 5.x Series (2018\u2013Present)<\/h3>\n
\n
\n
\n
\n
\n
\n
\n
\n
Our WordPress plugins [I.D. Components] are accessible and activated only by BU IS&T & Interactive Design users with the \u2018ID Site Admin\u2019 role<\/strong>.<\/h4>\n
Always reference a plugin’s GitHub style and functional code<\/span> for an easier time integrating them into custom theme designs.<\/h4>\n
\nNotable Plugins<\/h2>\n
Post Type Basis<\/h4>\n
BU Landing Pages<\/h4>
<\/p>\nHelpful Pointers For New Designers<\/h6>
\n
functions.php<\/code> file and adjust false<\/code> to true<\/code>.<\/li>\nbulp-items<\/code>.<\/li>\nBU Banners<\/h4>
<\/a><\/p>\nHelpful Pointers For New Designers<\/h6>
\n
function.php<\/code> file and adjust false<\/code> to true<\/code>.<\/li>\nposition<\/code> CSS property of the banner’s .bu-banner-media<\/code> and .bu-banner-content<\/code> <div><\/code>‘s switch at a default viewport width of 768px<\/code>[or $sm<\/code> by Foundation standards].<\/li>\n.bu-banner-color-light<\/code> applies white and .bu-banner-color-dark<\/code> applies black to the banner text by default and is only<\/strong> available on Full-Width<\/em>, No Image<\/em> & Video <\/em>Layout Options.<\/span><\/li>\nBU Filtering<\/h4>
<\/a><\/p>\nHelpful Pointers For New Designers<\/h6>
\n
BU Stats<\/h4>
<\/a><\/p>\n<\/a><\/p>\nBU Stories<\/h4>
<\/a><\/p>\nBU In The Media<\/h4>
BU Timeline<\/h4>
<\/a><\/p>\nBU Slideshow<\/h4>
<\/p>\nGutenberg Post Type-basis<\/h4>\n
BU Prepress<\/h4>
<\/p>\nBU Blocks<\/h4>
<\/p>\nBU Programs<\/h4>
<\/a><\/p>\nHelpful Pointers For New Designers<\/h6>