Create a WordPress Block Theme from Scratch (FSE) (2024)

In this video we're building a WordPress Block Theme using the Site Editor (a.k.a Full Site Editing or FSE) completely from scratch. So, if you're a beginner or you created only classic WordPress themes before - welcome!
As a base for our custom block theme we're going to take a good old "Kubrick" (or "Default") WordPress theme.
⏱️ Timestamps:
00:00 Intro
01:43 Creating a theme - first steps
06:30 Header template part
11:50 theme.json
26:50 Footer template part
35:31 Single post template
51:42 Index template
🗺 Find me here:
Site: rudrastyh.com
Twitter: / rudrastyh
🔥 Subscribe for more helpful videos: / @rudrastyh
#wordpress

[@visualmodo]

Truly good video!

[@onelook1870]

Subscribed

[@Black1991Star]

Can you please explain what to do for @media settings ? To customise different sizes for mobile or tablet displays ect?

[@taunado]

Thanks. How can I create a dynamic portfolio block (Grid with items and then dynamic page for each item) that's linked to a CMS that the client can CRUD?

[@Roman-hu4jq]

Really helpful and actual! Thank you 🙏

[@Black1991Star]

Can you please explain how you add left and right padding for Header template? I use setting like in your example but it don't work for me.

[@mangalavaram]

created custom post type and taxonomies, how to show the custom taxonomies on results page

[@michanabrdalik3795]

Hi, thanks for this video :) Do you plan to make video about creating custom block?

[@rudrastyh]

Hi, tbh thinking about it ;)

[@Black1991Star]

Hi I got a problem with template kubrick `Fatal error: Array and string offset access syntax with curly braces is no longer supported in D:\OSPanel\domains\block.loc\wp-content\themes\default\functions.php on line 110` Can you fix it ?

[@rudrastyh]

hey i guess you just need to switch to a lower php version cause the kubrick theme itself is extremely old

[@Black1991Star]

@@rudrastyh thanks, I thought the it is your theme