How to Create a Block Theme for WordPress in minutes! - FSE

[@philippalermo8248]

Thanks, Raddy. You have answered many of my questions using the new block editing features in WordPress. Excellent overview tutorial.

[@LuishoMartinez]

Excellent! Thank you bro :)

[@RaddyDev]

You're welcome! 👊😎

[@WebDesignerAmy]

Just starting to learn this new WP layout. Why does the documentation make no note of this plugin to help build out the basic skeleton site files? How useful.

[@lucialezmor01]

Thank you!

[@inamurrehman343]

Awesome video. Thanks alot for sharing this awesome information with us.

[@RaddyDev]

My pleasure!

[@HullioGQ]

BTW, since Gutenberg comes loaded in the WordPress core why do you need to add the Gutenberg plugin?

[@RaddyDev]

It allows you to test the latest experimental features

[@jugibur2117]

Thanks for this introduction! I'm still struggling with some parts or sometimes find it hard to get an overview of all changes made in the different levels (theme / block templates / user based). And I'm wondering where I can style the input fields (I have ContactForm 7 installed). Do you have an idea?

[@RaddyDev]

Good point about styling inputs. Currently I think that we can only do it with custom CSS. Specifically for Contact Form 7 there are a lot of articles that show how to style the inputs. You can find something that you like then copy, paste and modify. It wold be nice to have a global way of styling the inputs without having to do this. Hopefully that's coming soon. I will have to look into it

[@Adrenaline_nocopyrightmusic]

Thank you so much ❤️ 😍

[@RaddyDev]

You're welcome 😊

[@WebDesignerAmy]

One thing I am running into with the plug-in is that its not saving the applied color to the typography for some reason. The JSON file is being written to so the permissions on the file on my local-host works fine. I'm just stumped right now.

[@RaddyDev]

I wonder if it's a bug. Luckily they keep releasing new updates and hopefully it will get fixed (if they know about it). I will have to update mine to see if it does the same thing

[@Mr_Ravee]

Hi, I'm having trouble using Elementor pro with the Create Block Theme plugin. I've created a block theme using the Create Block Theme plugin, but when I try to access and customize the templates in Elementor, I don't see any of the templates created by the plugin. I've tried checking the Elementor Theme Builder, but I don't see any templates listed. Are there any workarounds or alternative solutions that I can use to customize my block theme templates using elementor pro? I'd appreciate any help or advice you can offer on how to resolve this issue and get the most out of both plugins.

[@RaddyDev]

Hello, in short you can't use both. Elementor uses a "Classic Theme" while the Full Site Editing needs a "Block Theme". You can choose one or the other. There are some Block themes/plugins out there that offer more drag and drop blocks, but I don't know if they can match Elementor Pro in terms of features. You'll have to check them out and try a few

[@Mr_Ravee]

@@RaddyDev Thanks for the clarification! I appreciate your insight. Upon further research, I found that Block Theme's templates and Elementor templates are distinctly different, which explains the incompatibility. However, I've encountered another challenge. One major drawback of WordPress is that we can't customize a theme that's not currently active. In a production environment, this means inevitable downtime. Additionally, I've faced an issue with the Gutenberg editor. When trying to switch the template attached to a page, the editor prompts me to create a new template instead of showing the custom templates I previously created. I'm not sure if this is a bug or a limitation, but it's certainly frustrating.

[@Mr_Ravee]

@@RaddyDev Also, It's understandable that the Elementor ecosystem largely ignores the native theme machinery of wp, but for beginners, this can be overwhelming. Understanding how page builders and themes interact in WordPress has taken me a while to grasp.

[@fiqihalfarizy4843]

Hi Raddy, please show us also about how to make our fse theme ui user friendly and how to pack them properly so we could deliver it to themeforest or client :D

[@RaddyDev]

I will try to think of something. Great suggestion

[@fiqihalfarizy4843]

@@RaddyDev wait it Raddy :D

[@fiqihalfarizy4843]

@@RaddyDev To be honest, wordpress block theme give us (as a designer and a non-pure programmer) a little hope to able produce my own theme and make us so excited. But when come to technical like how to deliver it properly (embed option theme, plugin compatibility, user friendly setting, etc) are huge problems, hope you could help us :D

[@MsAlokranjan]

Awesome 👍

[@visualmodo]

Top content!

[@surajoliver1]

I am unable to find guttenberg pluggin in xampp. Not sure why it is happening so?

[@RaddyDev]

It's Gutenberg with one "t". It should be there

[@hclyrics]

What is the purpose of installing the Gutenberg plugin? Is it different than the default Gutenberg block editor? In what ways does it affect the theme development?

[@RaddyDev]

It allows you to use the the latest experimental features. It's kind of like features that are still in beta. You don't need it, but always good to experiment

[@ChrisDaleArt]

I have installed the plug-in, but it does not appear in the side panel? 6.2 version.

[@RaddyDev]

You need to activate a Full Site Editing theme for the menu to appear. Twenty Twenty-Three should do the job

[@ChrisDaleArt]

@@RaddyDev so you need to install Theme Twenty Twenty- There. You did not mention that . I thought you didn't need one. But it works now

[@pratikshamangrulkar70]

Is there any way I can download a zip file of the entire code of the website we just created using FSE?

[@RaddyDev]

I have uploaded the full theme - link in description. I hope that it helps

[@gabrielarmando2630]

thanks

[@mwarnas]

Really nice introduction. I guess I should forget all I've learned about websites pre html 5 and most of old school WordPress then. *sigh*

[@RaddyDev]

I am sure that your foundation in making websites pre HTML5 are still valuable. You can still use classic WP development to make websites

[@MegaOnerb]

Amazing

[@ChrisDaleArt]

Spectra WordPress plugin disabled theme editor?

[@RaddyDev]

Spectra will add more Guttenberg blocks. It works with FSE

[@andersgarme435]

Great!!

[@RaddyDev]

Thank you

[@auguststas7770]

You should try to do some videos with prestashop diy themes and mods. IT would be very cool

[@RaddyDev]

I don't actually know much about Prestashop. I need to look into it to see if I like it