Today, I will guide you through creating a WordPress website, utilising the Full Site Editor and the plugin Create Block Theme.
It’s important to note that this video is packed with ingenious hacks to help us achieve our goals. While everything functions flawlessly, it’s essential to understand that there are certain limitations when customizing Guttenberg blocks and controlling Responsive Web Design behaviour.
☕ BuyMeACoffee:
⭐ Project Files:
⭐ Download Figma:
Discounts:
⚡ Hostinger:
⚡ Elementor:
Recording Equipment:
◾ Microphone:
◾ Shotgun Mic:
◾ Camera:
◾ Lens:
◾ Lighting:
Computer Gear:
◾ Keyboard:
◾ Headphones:
◾ Mouse:
Connect with me:
◾ Website:
◾ Newsletter:
Chapters:
◾ 0:00 Intro
◾ 0:36 Local WP Setup
◾ 5:52 Creating Custom Theme
◾ 9:15 FSE Overview
◾ 13:41 Theme Styles
◾ 20:27 Explorting Theme
◾ 20:42 New Theme Settings
◾ 27:27 Custom Header
◾ 42:03 Custom Footer
◾ 48:12 Responsive Typography
◾ 55:34 Home Page
◾ 1:30:09 Contact Page
◾ 1:37:18 404 Page
◾ 1:38:25 Single Post
◾ 1:42:11 End
#wordpress
#Create #Custom #WordPress #Block #Theme #FSE #CBT
In order to achieve the desired functionality from my design, I had to add a few custom styles. It's worth noting that while the FSE & Guttenberg can handle most basic scenarios, there are certain situations where their capabilities may be limited.
Hi Randy, would it be possible to make a tutorial on how to migrate a webflow html to a wordpress theme?
Nice tut.
Anyway, the json file was most important, can you plesae share it? I couldn't find it in the project files you shared. There are only images.
Thanks a lot. Eventually I could figure out the WordPress structure…👍
Thanks a lot, great tutorial
great tutorial, Thank you so much a have learned so much! I have one problem with the image cover. I have one hero cover right at the start as you know it. But every time add another one anywhere on the page, that cover replaces my hero cover and disappears from the second place… It drives me crazy.. can't find a solution.. any ideas?
I don't like this block themes by WordPress… It's time consuming and hectic… I would love to code my own theme from scratch… To create a header it took so much time and effort using block theme…
It would have been a lot better if you would have shared the Project Assets like Images, Style and JS files shared as a zip file as well.
Would like a WP blocks theme tutorial that's purely written with code.
subbed 🙂
This was excellent mate! Thanks for your time. Compared to basic coding, I find WordPress really confusing.
Custom css is not working for me. Is this the right code for the functions.php file?
<?php
/*————————————
Enqueue Styles
———————————–*/
if(!function_exists('fse_rad')) :
function fse_rad() {
wp_enqueue_style('rad-style', get_stylesheet_uri(), array(), wp_get_theme()->get('Version'));
}
endif;
add_action('wp-enqueue-scripts', 'fse_rad');
I can't figure out why it's not working. I'm stuck now 😭.
Thanks for the great tutorials.
I'm trying to follow along, where can I get the images?
Super awesome to land here. Just what I was looking for.
Cheers mate
Could you please create a single WordPress theme that utilizes FSE and CBT to design three pages: a captivating one-page scrolling homepage, a dynamic blog page showcasing articles, and an attractive WooCommerce shop page? By the way, great video! Keep up the excellent work!
Thanks Raddy I learned so much from this. Feel a lot better having a crack at custom block themes now 😁 subscribed
This is a great tutorial, for the first time I understand how to customize/create a theme using blocks. Thank you!
Edit – How do you make blog page that displays your posts from new to old?
Clear and simple thank you!
This will help a lot.
Hi, GREAT Tut!!!!! I've looking for a long time a wordpress tutorial as well explained as yours. Thanks a lot. One Question, I'm following it but when I've pulse export Zip from Created Block Theme, it shows an error saying: An error occurred while attempting to export the theme, Any idea how i can debug the error to fix it? Thanks again for your tutorials!!
Waiting for this kind of tutorial from last 4 months. ❤ thank you Boss
Sir make video on how we can edit Any theme css and html in visual studio
Thanks for the tutorial! Quick question, when creating the homepage, was there a reason why you did not use the Frontpage template?
wow 😍😍😍
The best tutorial for what I was looking for! Thank you! Great work!
Thanks. for this tutorial.
Nobody knows where WP is shifting. Either to Gutenberg Page Builder, or 3rd parties page builders, or Headless technologies.