Builder Basics: Demystifying theme.json and Global Styles

[@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!