Builder Basics: Adding Custom CSS to Block Themes

One major benefit of block themes is that they can be built with very little CSS. For example, the Twenty Twenty-Three theme has none. All block styles are defined in a theme.json file. While theme.json is getting more powerful with each WordPress release, you will likely need to add some custom CSS in most projects.
This Online Workshop will explore ways to add custom CSS to a block theme while ensuring those styles work correctly in the Editor and on the site's front end. If time permits, we will also discuss a Sass workflow you can employ to optimize per-block styles.
---
View this video and others on WordPress.TV: wordpress.tv/2...

[@korinektomas]

Amazing content! I am just diving into the block themes and this is exactly what I needed. Thanks a lot! 🙏

[@rafi_45]

21:16 thank you so much. This is I really need to know.

[@christophbugel7160]

Awsome lecture! Thanks

[@TechFusionUniverse]

How are you syncing vs code and wordpress

[@waltermarcelo751]

Muy bueno 👍

[@TechFusionUniverse]

Whenever i make changes in theme.json it cannot update in wordpress editor

[@AliKhan-jz3zs]

why I'm getting undefined function for add__action(), add__filter() when using in functions.php in twenty twenty three block theme

[@HBrooks]

needlessly complex to add custom CSS. with each iteration wordpress gets less usable unless you're a heavy programmer.

[@slk-320]

I am a commercial themes author for many years. I just rebuilt on of my themes to FSE from classic approach. The amount of PHP, HTML and CSS code is now reduced by at least 90%! And I am still not yet an expert in block themes. Yes, you need to learn how things work the new way. By complexity I would compare it to learning a CSS. The level of difficulty is now many times less than before. I am not nostalgic about the old WP at all.

[@taunado]

@Jack_Warner This is theme development. As far as that goes it's standard, if not easier.

[@estevancarlos]

@@slk-320 I don't see how clicking around in the admin is an effective way to theme.

[@magnuskallas]

@@estevancarlos If I can force feed extra CSS file for occasional override - and most important - additional Media-Queries, I'm happy.

[@estevancarlos]

This is a weird direction for Wordpress. Not a fan.

[@Blender.Quebec]

Hello ! I have copy the twentytwentytwo fonction.php file into twentytwentythree, but it give me an error. twentytwentytwo php file seem different that in your video :-) Will try to google it, but would be cool if the description could be updated !!