In this tutorial, you will understand how to make any page layout working with the WordPress block builder Gutenberg.
If you are coming from any other website page builder such as Elementor, Beaver Builder, Divi, and so forth, this is a will have to-check out video clip.
In the movie, I mentioned that I would write-up a backlink to a movie on globally placing the site configurations. In this article is that online video
Table Of Contents
00:00:00 Make Web pages With Gutenberg
00:01:00 The 3C’s Of All Web site Building
00:03:07 How The 3C’s Perform In Web site Builders
00:05:26 Your Big Stumbling Block
00:06:43 Block Builder Interface
00:07:08 Placing Up Your Site Settings
00:08:07 Including The 3C’s To Block Builder
00:08:39 Set up Kadence Blocks Defaults
00:11:28 Optional Block Navigator
00:12:28 Utilizing The 3C’s In Gutenberg
00:19:36 Resolving Your Large Stumbling Block
00:21:45 Remaining ideas
Not a Kadence Professional member however? Pay a visit to
Kadence Theme is a totally free WordPress concept that retains no function again. Test it now.
————————-
Hi, my title is Adam and I am the voice guiding this online video. Most individuals know me from my YouTube channel, WPCrafter. I make these video clips as a enthusiast of the Kadence suite of goods and I am kinda first rate at making movies. Though I am not paid out to make these videos, Kadence as an alternative tends to make a donation to my favorite doggy charity
I couldn't understand how to create contemporary full-width pages like a homepage with Gutenberg only. This tutorial is so amazing that I'll change my Astra to Kadence immediately! Wow 🔥
Hey there… Great video! –
just installed to try this out, and I'm lost at 7:06 – my interfact doesn't have the Editor icon, just the Kadence icon, which opens up Kadence block controls rather than page controls. Not sure how to resolve… thanks!
[edit] Just watched it again an noticed it requires the "Kadence Theme"…. got it now. Did I miss the part where it said to install and activate the Kadence theme?
Great Video
Thank you for this video tutorial. With no web experience, we built our site cleanupkenya.org last year with elementor for pages and Gutenberg for blog posts. This Kadence tutorial just made things a little interesting for our journey.
Thank you Adam! I wish you would make a similar video using DIVI.
This is like designing blind. Ridiculous. Crap design. Thanks Adam you’re awesome and brilliant however.
This one video will save tons of time for those who understood this. Must watch…!
Great, simple, clear explanation, Adam, as always. I need this as Elementor is getting very commercial and Google likes searching simple code.
Great example why Adam is the best in the business- clear, concise, cutting edge tutorial.
Man! this is brilliant.
This was extremely helpful! Thank you.
To be honest, it all sounds great. But it is a absolute nightmare still to work with. It took me at least 1 hr to do something so simple with this theme and plugin where in Divi it took me less than 30 seconds. It does so many things I'm not telling it to moving blocks, adding background colours, navigating the side panel is not easy. It needs a lot of work still.
Once again thank you for this explanation.
It's time to ditch Elementor.. 😛
Wow, this is such important info.I've watched hundreds of videos to learn but no-one has ever described this! Thank you very much. I was about to quit Gutenberg as I could not even move a picture to the right. You taught it very well, thank you
Hi Adam, this is a great tutorial thanks. I use the Kadence theme and am just getting started with Gutenberg. I do have one question though, especially as you say anything can built on the same way as a page builder. When it comes to creating layouts/templates for custom post types, for example single post or archive templates, how can that be done with Kadence and Gutenberg?
Adam; do you have a video tutorial for editing a woocommerce product page ?
Thanks for the tutorial Adam. This was very good and useful. However, I still like the Elementor & Beaver Builder more. Just a much more visual user experience. Gutenberg is coming around though. Just not there yet.
17:00, create hero page
New to WordPress and looked around on Youtube and this is a great start learning use Gutenberg in an easy way. Will stay on to this channel.
Very smart presentation. Thank you.
What is the best regarding page speed : Elementor, Gutemberg or Kadence block ??
Very Helpful
Love the Video and have been using Gutenberg for a little while have moved most of my sites from Elementor over now and love it the speed of editing and of the sites over all is so much better.
I do have one question i dont know if there is a fix for it but when you are editing and say you want to drag a block from one row to another the screen scrolls up and down and can make it awkward to drop it in the right place is there away to stop the screen scrolling as i didnt seem to do it for you when you dragged the heading in to the row near the end of the video
Cheers for a great video
Looks like editors are going to replace the page builders.
How to Unable Page Setting option now show on my setting
I’m still watching the video, its great and so well explained, Thank you. I trying to replicate what you are doing (so it goes in my brain better). Did you start off with an empty WP installation? I have a dev sub domain, but have been playing doing other vids and stuff. But I’m thinking in order for yours to work, I should start with a completely empty WP site. Is that right? Many thanks
Its a great plugin! What if WordPress will extend similar functions in the future – and for sure they will? It could become a chaotic mixture?
Brother you're AWESOME! THANK YOU!
Thank you
So… I can build amazing sites with good PERFORMANCE and became rich with this Gutenberg???
COOL!!!
Rewelacyjny poradnik! Dziękuję!
Blew me away. I've been trying to understand these simple concepts for a week, this finally made it clear.
Wow, after trying to self-educate searching high and low, glad to bum up with this tutorial – guess this is the most important basic structure to website building, wonder how come no "guru" start teaching with this first. Now I can have a good start. Thanks !
It's a sub from me!!!
Thanks for this!
I was struggling to understand for a long time, the conventional design or structure of block posts and pages.
I thank you very much for clarify that academically simple description the processes of the blocks and pages.