Builder Basics: Demystifying theme.json and Global Styles

Global Styles (theme.json) is an area of WordPress that has received some of the most enhancements in the last few releases. WordPress 6.1 is no different. This Online Workshop will review how theme.json and Global Styles work while digging into many of the changes in 6.1. This functionality is incredibly powerful and necessary for building WordPress sites that fully support all of the design features in WordPress. Join us for an interactive presentation followed by a group Q&A.
---
View this video and others on WordPress.TV: wordpress.tv/2022/12/09/build...

[@bradfranklin-j66co]

8:02 global styles. 11:02 , 14:40 style variations. 15:18 theme.json - 16:38 global settings and styles, developer resource site. 17:10 code editing theme.json - 25:40 theme.json - setting, true/false enables/disables functionality for users in Wp-admin. 27:20 design/dev workflow suggestions. 28:40 typography. 37:10 Create Block Theme plugin intro creates files to bundle i guess (zip) style changes settings; you can them give file bundle (zip?) to someone else to view. 37:40 exports a new theme.json reflecting the design changes you’ve made. 40:26 begin discussion on styles (end discussion on settings). 42:20 thru 42:40 var color similar to global style.css; changes to variable set are reflected to all assets for which that variable is assigned. - 43:40 Elements styles breakdown. 44:10 what’s the value of editing here vs just making design changes in css, style.css - benefit is this sets a variable that a user can then change (front site editing) without having to hard code it. 45:02 Empowering the editor (theme.json) thus empowers the user to be able to make changes on the fly. 45:10 Blocks and styles. 47:00 Example, post-title block. 48:30 performance compared to stylesheet style.css 49:40 child theme question. Answer leads to topic of style variations. 50:22 Style variations topic. 50:50 folder styles/ holds all the style variations .json files - 51:50 use json to create a quick child theme starting point. 54:40 curating the editor experience - locking down design on block levels. 55:10 example locking down feature image with color parameters

[@christopherrimplington3643]

Thanks, if it wasn't for these timestamps i would say "tldr"

[@Van_____]

Many thanks for these great presentations, they are super useful! Just wondering if there is some method to enable Global Styles in a hybrid theme. The new Font Library API released with WP 6.5 is a great addition that we would love to use within hybrid themes as well. Many thanks!