jakson-wordpress-development-and-courses

Block Themes: How to load and use Style.CSS in the WordPress Full Site Editor (FSE)

YouTube video

Greetings, WordPressers!

I wanted to share this quick tip for Block Themes in WordPress that I wish I knew when I first started creating Block Themes. It’s a small issue that caught me off guard, and it revolves around the usage of style.css which it doesn’t work right off the bat in Block Themes.

The reason is that instead of placing your theme CSS directly in the style.css file, the recommended method for Block Themes is to use the theme.json file for your CSS.

For those of us transitioning to block theming, this might come as a bit of a shocker. And I personally prefer organising my CSS neatly in a dedicated CSS file rather than within a theme.json file. However, theme.js is the new approach as it’s the way forward – theme.json tutorial coming soon!

But in this tutorial, I’ll guide you on how to use a good old fashioned style.css and ensure they show up on the front end as well as in the Full Site Editor (FSE).

Ciao!
Jakson

#wordpress #blockthemes #pagebuilder #wordpressdevelopment