Documentation
Bupa Multisite Knowledgebase
Skip to main content
Table of Contents

WordPress Themes

General

  • bdnetwork – The primary theme for all the MasterSite & all IB subsites
  • twentytwentyfour-child – Theme for content-hub
  • novaZero – Theme for this documentation subsite

Primary Theme

  • The bdnetwork theme is a hybrid theme, combining Classic & the new Site Editor systems from WordPress
  • It opts out of theme.json in favour of PHP theme supports in the functions.php file. This was so code can be used to dynamically set site colours (called from the My Practice ACF options page).

Structure

FOLDER: bdnetwork
	- FILES: php templates
	- FOLDER: assets
		- FOLDER: css
		- FOLDER: fonts
		- FOLDER: images
		- FOLDER: includes
		- FOLDER: js
		- FOLDER: vendor
	- FOLDER: template-parts

Style sheets (CSS)

  • Bupa’s Responsive Design System (RDS) has been implemented in part. They are set as css variables in /assets/css/rds.css
  • frontend.css contains the styles for the pages that can be viewed by the general public
  • backend-ui.css has styles that modify or improve the Administrators backend experience
  • block-editor.css are styles that affect the Gutenberg block editor

Javascript

  • JS has been kept to a minimum and all JS code is contained withing a single file at /assets/js/custom.js
  • The exceptions are:
    • the JS code that ACF Google Maps uses which is at /assets/js/custom.js
    • JS code for the Gutenberg editor at /assets/js/block-editor.js

Shortcodes

  • All code defining these are found in /assets/includes/shortcodes.php
  • Read more…

Colours

  • IB colours are set in a few places
    • They are ACF fields present on the “My Practice” options page
    • In theme-supports.php, they are called to add the visual palette in Gutenberg
    • In design-system.css, colours are set to Bupa default fallback colours
    • In header.php, the IB colours are declared as inline styles, meant to override Bupa default fallback colours