How to Create a Block Theme for WordPress in minutes! - FSE
💰 20% Referral Hosting Discount: www.hostg.xyz/SHEiZ
In this video, we will explore the setup and some options of the Create Block Theme plugin developed by WordPress org.
☕ BuyMeACoffee: www.buymeacoffee.com/RaddyThe...
Discounts:
⚡ Hostinger: www.hostg.xyz/aff_c?offer_id=...
⚡ Elementor: be.elementor.com/visit/?bta=2...
Recording Equipment:
◾ Microphone: amzn.to/3uX0yvP
◾ Shotgun Mic: amzn.to/3aRsSJb
◾ Camera: amzn.to/3IMumkx
◾ Lens: amzn.to/3ARxvh8
◾ Lighting: amzn.to/3PBetj2
Computer Gear:
◾ Keyboard: amzn.to/3RCXRcC
◾ Headphones: amzn.to/3aIvskX
◾ Mouse: amzn.to/3VfVuxO
Connect with me:
◾ Website: www.raddy.dev
◾ Newsletter: www.raddy.co.uk/newsletter
#wordpress
Пікірлер: 43
Thanks, Raddy. You have answered many of my questions using the new block editing features in WordPress. Excellent overview tutorial.
Thank you!
Awesome video. Thanks alot for sharing this awesome information with us.
@RaddyDev
Жыл бұрын
My pleasure!
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
Excellent! Thank you bro :)
@RaddyDev
Жыл бұрын
You're welcome! 👊😎
Awesome 👍
Thank you so much ❤️ 😍
@RaddyDev
Жыл бұрын
You're welcome 😊
Amazing
Top content!
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.
Great!!
@RaddyDev
Жыл бұрын
Thank you
thanks
BTW, since Gutenberg comes loaded in the WordPress core why do you need to add the Gutenberg plugin?
@RaddyDev
4 ай бұрын
It allows you to test the latest experimental features
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
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
7 ай бұрын
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
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
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
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
11 ай бұрын
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
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
Is there any way I can download a zip file of the entire code of the website we just created using FSE?
@RaddyDev
8 ай бұрын
I have uploaded the full theme - link in description. I hope that it helps
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
How do I get the text in my header to not sit right at the edge? I've tried everything, I tried the padding, but that changes the whole site, I'm editing the header template but cannot get this working.
@RaddyDev
10 ай бұрын
If your header is wrapped in a Group element, you can create a Row inside it and give that Row the padding that you want. Another way would be to have a Group in a Group. In this case the padding should work on the outer Group and push the inner group. I hope this makes sense
@Jack_Warner
10 ай бұрын
Thanks Raddy. I sorted it out eventually, but it's not easy. I don't know how a beginner copes with all this.@@RaddyDev
Spectra WordPress plugin disabled theme editor?
@RaddyDev
Жыл бұрын
Spectra will add more Guttenberg blocks. It works with FSE