[MUST WATCH] How To Make Any Page Layout Using The WordPress Block Builder Gutenberg

Тәжірибелік нұсқаулар және стиль

In this tutorial, you will learn how to make any page layout using the WordPress block builder Gutenberg.
If you are coming from any other page builder such as Elementor, Beaver Builder, Divi, etc, this is a must-watch video.
In the video, I said that I would post a link to a video on globally setting the page settings. Here is that video • How To Set Page Settin...
Table Of Contents
00:00:00 Build Pages With Gutenberg
00:01:00 The 3C's Of All Page Building
00:03:07 How The 3C's Work In Page Builders
00:05:26 Your Big Stumbling Block
00:06:43 Block Builder Interface
00:07:08 Setting Up Your Page Settings
00:08:07 Adding The 3C's To Block Builder
00:08:39 Setup Kadence Blocks Defaults
00:11:28 Optional Block Navigator
00:12:28 Using The 3C's In Gutenberg
00:19:36 Solving Your Big Stumbling Block
00:21:45 Final thoughts
Not a Kadence Pro member yet? Visit kadence-theme.com
Kadence Theme is a free WordPress theme that holds no feature back. Try it today.
-------------------------
Hi, my name is Adam and I am the voice behind this video. Most people know me from my KZread channel, WPCrafter. I make these videos as a fan of the Kadence suite of products and I am kinda decent at making videos. While I am not paid to make these videos, Kadence instead makes a donation to my favorite dog charity dannyronsrescue.org

Пікірлер: 213

  • @WallyCooksEverything
    @WallyCooksEverything2 жыл бұрын

    Learned so much about Gutenberg in this 23 minute video than other videos that go on for an hour.

  • @overcomersforJesus
    @overcomersforJesus3 ай бұрын

    I'm busy designing layouts using blocks. I'm a newbie. I came back to watch this video 2nd time - that's how good, clear, concise the presenter is. Thank you for removing the site building cobwebs off my eyes! Bravo 👏 🎉

  • @tomcha75
    @tomcha752 жыл бұрын

    By far, the best simplified explanation of how the block builder works. Finally understand why I could never get it to look the way I wanted like in Elementor. Thanks very much!

  • @MatthewFurman
    @MatthewFurman3 жыл бұрын

    Great example why Adam is the best in the business- clear, concise, cutting edge tutorial.

  • @patentforecast4458
    @patentforecast44583 жыл бұрын

    That Block Navigation plugin is a life/game changer! It was so easy to get lost in Gutenberg's hierarchy. Thanks a bunch!

  • @KadenceWP

    @KadenceWP

    3 жыл бұрын

    Yes, will be nice is WordPress adds something similar by default.

  • @productsourcemanager6491

    @productsourcemanager6491

    8 күн бұрын

    yes, yes

  • @CarbonCurious
    @CarbonCurious3 жыл бұрын

    Nice job, Adam! I sort of knew most of this but you really helped clarify things and your tips about initial setup with the default settings were super helpful for me. Thanks!!

  • @adhlannazeemudeen7567
    @adhlannazeemudeen75673 жыл бұрын

    Thank you Adam, this was a paradigm shift we needed to hear

  • @kerawelt2008
    @kerawelt20083 жыл бұрын

    Many thanks Adam! This mapping of and Elementor structures to Gutenberg's is very instructive.

  • @mikeh2b
    @mikeh2b3 жыл бұрын

    I think with this simple explanation of managing the rows and the columns, I could improve my skills with Kadence blocks! Nice job as always Adam.

  • @rmcellig
    @rmcellig3 жыл бұрын

    Thanks so much! You really made it crystal clear for me! Now I feel more comfortable after you discussed the 3 C's.🙂

  • @rickjaggers
    @rickjaggers3 жыл бұрын

    Kudos! Well thought out, well presented, in a single phrase: WELL DONE!!

  • @keithhunt7175
    @keithhunt71753 жыл бұрын

    Great video, Adam. I've been leaning towards using Gutenberg and block plugins for my next website. Trying to keep it lean and avoid issues later on when things update. Excited to try this out tomorrow. Thanks.

  • @maxziebell4013
    @maxziebell40133 жыл бұрын

    Thank you, Adam, for pushing Gutenberg. You're certainly making a great case for its potential.

  • @drjimbarnes
    @drjimbarnes3 жыл бұрын

    Great clarification, Adam. I've used a similar setup with difficulty but I'm sure the Block Navigator will make things much easier. 3Cs is a beautiful concept. And thanks to you, we all have it now.

  • @garyprice464
    @garyprice4643 жыл бұрын

    Absolutely brilliant thank you, I want to build a site from scratch and this helped immensely

  • @TheJRockett
    @TheJRockett2 жыл бұрын

    Adam, I feel quite blessed for your awesome clarity and well-structured instructions. I also feel I can now create my vision on my new site.

  • @jwahl38
    @jwahl383 жыл бұрын

    New to Wordpress and looked around on KZread and this is a great start learning use Gutenberg in an easy way. Will stay on to this channel.

  • @MsPurplification
    @MsPurplification2 жыл бұрын

    Thanks a lot for this video. I was so damn confused with page builders and blocks before I watched this video. Your explanation about the 3Cs help so much.

  • @sharynlindsay7069
    @sharynlindsay70693 жыл бұрын

    This is the most simply explained video I’ve watched! I am definitely not tech savvy, and am having a tough time setting up my food blog. Now that I have a better understanding of what’s what I feel confident I can now create cohesive pages for my blog. Thank you!!!

  • @petesoderman4870
    @petesoderman48703 жыл бұрын

    Blew me away. I've been trying to understand these simple concepts for a week, this finally made it clear.

  • @MoeMuise
    @MoeMuise Жыл бұрын

    Brilliant. Explaining page-building via the 3 Cs concept is a great idea and really makes the lesson stick.

  • @RHCPTABOO
    @RHCPTABOO2 жыл бұрын

    wow Adam, my man! that was just so simply to understand, you just lighted up my brain with the 3 c's thing and literally i could finish my main page in no time. Thank you so much Sir Adam

  • @Joni-ij4ep
    @Joni-ij4ep6 ай бұрын

    BEST tutorial EVER !!!!

  • @stephenm3874
    @stephenm38743 жыл бұрын

    One of your best and most important presentations. Once you explained it, it was there in plain site (pun intended) all the time.

  • @fraidoonhu9284
    @fraidoonhu92843 жыл бұрын

    Wow I loved the 3Cs.

  • @st.marecki
    @st.marecki3 жыл бұрын

    Rewelacyjny poradnik! Dziękuję!

  • @misterheri4389
    @misterheri43893 жыл бұрын

    Thank you so much for your hard effort. "You literally can build anything that you can see on the internet because they follow the same exact structure. You can do all in the block builder and after a short period of time you will become a pro."

  • @Adrian_
    @Adrian_2 жыл бұрын

    This video is incredibly valuable, thank you so much!

  • @gads_guy
    @gads_guy2 жыл бұрын

    A must watch for a beginner. Thx🙂🙂🙂

  • @AmelZubeidy
    @AmelZubeidy3 жыл бұрын

    Thanks a lot! this tuto was very helpful and informative.

  • @MagnaMoRo
    @MagnaMoRo3 жыл бұрын

    Very valuable. I don’t have to pay for Elementor subscriptions, but still get so much more.

  • @ankitind
    @ankitind3 жыл бұрын

    Beautifully explained. Just beautiful. Not only I learned, I enjoyed.

  • @edgarmata9554
    @edgarmata95542 жыл бұрын

    The best tutorial! Just what I was looking for, excellent

  • @fivezerodigital.com_musicw201
    @fivezerodigital.com_musicw2012 жыл бұрын

    Thank you! This is so helpful!

  • @cyndihupperts4161
    @cyndihupperts41612 жыл бұрын

    thank you! this has been so very helpful!

  • @jdccool
    @jdccool2 жыл бұрын

    Thanks, Adam. Very helpful.

  • @shreeraghava5650
    @shreeraghava56502 жыл бұрын

    This is the best video on the topic ... extremely well explained. Thanks!

  • @Statch011
    @Statch0113 жыл бұрын

    This was extremely helpful! Thank you.

  • @alantuttphotography
    @alantuttphotography3 жыл бұрын

    When Gutenberg came out, I stuck with the Classic editor because the new format was so alien to me. This helps me understand it a lot more, and I think I'm ready to give it a shot.

  • @DianeTuroczy
    @DianeTuroczy2 жыл бұрын

    You have a gift for teaching. Thank you. Very helpful 👌

  • @benjaminquek1093
    @benjaminquek10933 жыл бұрын

    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

  • @lightningxiv-eb9rv
    @lightningxiv-eb9rv Жыл бұрын

    3C , wow -- that is easy to understand.

  • @pauls1883
    @pauls18833 ай бұрын

    Well done, Adam 🎉 The “3 C’s” concept clears up a LOT of the struggle beginners have with Gutenberg (especially those coming from a page builder background).

  • @syregn
    @syregn2 жыл бұрын

    Thank you so much for your crystal clear tutorial - very helpful

  • @zero2webmaster
    @zero2webmaster2 жыл бұрын

    Great video, thank you!

  • @kuntujackson
    @kuntujackson5 ай бұрын

    Wow! You make it a piece of cake. Bravo!

  • @AnimeEmpress1
    @AnimeEmpress12 жыл бұрын

    Wow this was crystal clear thanks for posting!

  • @drjimbarnes
    @drjimbarnes3 жыл бұрын

    Great, simple, clear explanation, Adam, as always. I need this as Elementor is getting very commercial and Google likes searching simple code.

  • @user-cx2uj1td1b
    @user-cx2uj1td1b3 жыл бұрын

    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 🔥

  • @mishka4810
    @mishka4810 Жыл бұрын

    This is incredibly clear and helpful, thank you!

  • @shingyt1
    @shingyt13 жыл бұрын

    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 !

  • @inosifs9291
    @inosifs92913 жыл бұрын

    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.

  • @JohnMarra
    @JohnMarra3 жыл бұрын

    Once again thank you for this explanation.

  • @HMaxTube11
    @HMaxTube113 жыл бұрын

    Subscribed based on this brilliantly explained breakdown alone. Sorry I didn’t find you much sooner.👏👏👏👏👏 Also, tips in prefs/drop down menus are great help

  • @malkablowy2106
    @malkablowy21062 жыл бұрын

    you are a great teacher!!!

  • @ramchillarege1658
    @ramchillarege16587 ай бұрын

    Excellent tutorial. Thanks

  • @bastiansuivera8975
    @bastiansuivera89752 жыл бұрын

    VERY WELL EXPLAINED! I REALLY NEEDED THIS EXPLANATION, THANK YOU!

  • @AshishSingh-mn5fq
    @AshishSingh-mn5fq3 жыл бұрын

    This one video will save tons of time for those who understood this. Must watch...!

  • @sherryelebeauty
    @sherryelebeauty2 жыл бұрын

    Thank you for this amazing video

  • @scootydub
    @scootydub3 жыл бұрын

    Wow. This was absolutely fabulous. I've been struggling to figure out how to properly maneuver the blocks and this is by far the best explanation I've seen. Thank you for sharing!

  • @tuckerlangston8528

    @tuckerlangston8528

    2 жыл бұрын

    you probably dont care at all but does any of you know of a way to log back into an Instagram account?? I stupidly lost my password. I would appreciate any help you can give me.

  • @tuckerlangston8528

    @tuckerlangston8528

    2 жыл бұрын

    @Antonio Demetrius it did the trick and I now got access to my account again. I'm so happy! Thank you so much, you saved my account!

  • @antoniodemetrius8863

    @antoniodemetrius8863

    2 жыл бұрын

    @Tucker Langston glad I could help :)

  • @John_1033
    @John_10332 жыл бұрын

    Excellent instructor. Very informative video. Thank you.

  • @jimjuris
    @jimjuris3 жыл бұрын

    Thank you Adam for this fantastic tutorial. I learned a lot.

  • @KadenceWP

    @KadenceWP

    3 жыл бұрын

    Glad it was helpful!

  • @Neut
    @Neut3 жыл бұрын

    Thanks for this!

  • @danimordecai7611
    @danimordecai76113 жыл бұрын

    Boom Adam, you've save my sanity with this vid; I've just found it today. I did I sent you a msg on another vid seeking guidance for padding around rows and how in kadence the demo homepage for some strange reason - merging top nav and primary nv bar into each other (sigh). Anyways, thank you for these wonderful tips and that superb plug in navigation tool. I think I've had a quick win perhaps even a breakthrough today. Cheers again

  • @TheJazzdevotee
    @TheJazzdevotee3 жыл бұрын

    This is a great video. Very helpful. I use Kadence blocks pro and I have been very happy but this video will allow me to take my site to the next level.

  • @KadenceWP

    @KadenceWP

    3 жыл бұрын

    Glad it was helpful! There is more to come on this topic to make it make even more sense.

  • @ericj810
    @ericj8102 жыл бұрын

    Might give this a try. Once learned should be really easy.

  • @iTellYouWhatSon
    @iTellYouWhatSon2 жыл бұрын

    This is GOLD!

  • @GustavoOcampoBecerra
    @GustavoOcampoBecerra3 жыл бұрын

    Brother you're AWESOME! THANK YOU!

  • @yasminursini6815
    @yasminursini6815 Жыл бұрын

    Excelllent content! Thank tou!

  • @hiarvingarcia
    @hiarvingarcia3 жыл бұрын

    Very smart presentation. Thank you.

  • @humanskill
    @humanskill10 ай бұрын

    Adam, this is the best explanation of the Gutenberg block builder that I have seen. Thank you! I had been a little intimidated by Gutenberg, but now I have the tools to take advantage of it.

  • @KadenceWP

    @KadenceWP

    10 ай бұрын

    We're so glad that it was helpful.

  • @jnslzr
    @jnslzr Жыл бұрын

    Thanks for sharing! CCC

  • @stevechong65
    @stevechong65 Жыл бұрын

    Just fantastic! The best 23.08 mins I have ever spent on learning Wordpress! Thank you!

  • @KadenceWP

    @KadenceWP

    Жыл бұрын

    Glad it was helpful!

  • @stevechong65

    @stevechong65

    Жыл бұрын

    @@KadenceWP Its lucid Adam! I understand the concept now! Just fantastic! There is a saying, "a wise man is someone who can explain complicated matters in a simple way."

  • @seonewport363
    @seonewport3633 жыл бұрын

    very nice smooth explanation

  • @1421hp
    @1421hp3 жыл бұрын

    Excelente, gracias.

  • @dreamhridoy
    @dreamhridoy3 жыл бұрын

    Very Helpful

  • @nardis4140
    @nardis41403 жыл бұрын

    Finally, a way to build and style a wp site using rows, just like it's so easy to do in Bootstrap. There is hope for wordpress.

  • @MrJohnNewell
    @MrJohnNewell2 жыл бұрын

    I wish I had seen this before I started 👍

  • @dominikj.h.4590
    @dominikj.h.45903 жыл бұрын

    Man! this is brilliant.

  • @ipixel777
    @ipixel7773 жыл бұрын

    I learned sooooooooo much!!!!

  • @juicygrapes1445
    @juicygrapes14459 ай бұрын

    Good! Thanks!

  • @panduancalonabdinegara
    @panduancalonabdinegara3 жыл бұрын

    This is a very great video and very helpful. Thank's Adam

  • @KadenceWP

    @KadenceWP

    3 жыл бұрын

    Glad you enjoyed it!

  • @brightonmusic
    @brightonmusic3 жыл бұрын

    Thank you Adam! I wish you would make a similar video using DIVI.

  • @TraciStyner
    @TraciStyner3 жыл бұрын

    I've been using the block builder and Kadence blocks for several months, and am moving away from Elementor on many sites. This is a great explanation, and I learned a couple things. Thanks!

  • @KadenceWP

    @KadenceWP

    3 жыл бұрын

    Glad I could help!

  • @saadazhar1192
    @saadazhar1192 Жыл бұрын

    Awesome. 👍👍

  • @KaiBuskirk
    @KaiBuskirk3 жыл бұрын

    awesome!!

  • @BobSmith-mh1ow
    @BobSmith-mh1ow3 жыл бұрын

    Thanks Adam, this was very helpful and informative. I was tending to use Elementor with Kadence Pro but gained better insight of how to use Gutenburg blocks after watching this video.

  • @KadenceWP

    @KadenceWP

    3 жыл бұрын

    Glad it was helpful!

  • @JoeGator23

    @JoeGator23

    3 жыл бұрын

    @@KadenceWP Thank you. Adam!

  • @sakthi22b.e
    @sakthi22b.e3 жыл бұрын

    Great Video

  • @tangotribu
    @tangotribu3 жыл бұрын

    Thank you, man! Now I don't hate Gutenberg!

  • @damonmcgill8963
    @damonmcgill8963 Жыл бұрын

    Great video

  • @josecalcagni8472
    @josecalcagni84722 жыл бұрын

    👉👉👉 Muchas gracias, muy buena información, muy clara y bien explicada. 😃👌👍 Saludos desde Santiago de Chile.

  • @ReddecalsMotovlog
    @ReddecalsMotovlog3 жыл бұрын

    very helpful, 3C Structure...

  • @LucasAmestoy
    @LucasAmestoy3 ай бұрын

    ¡Espectacular!

  • @makemoneyjourney7864
    @makemoneyjourney78642 жыл бұрын

    WONDERFUL YOU ARE

  • @KatieGoesPlatinum
    @KatieGoesPlatinum3 жыл бұрын

    Thank you - this helps so much! I want to get Elementor off my site as it can slow things down. I'm planning on re-doing all my pages with kadence blocks but I was totally lost. This helps!

  • @KadenceWP

    @KadenceWP

    3 жыл бұрын

    So happy to hear this helped.

  • @DBCVC
    @DBCVC3 жыл бұрын

    Great video on Gutenberg and building pages. It has a lot of potential, but still needs much work on the UI. Hopeful though!

  • @YannickBurky
    @YannickBurky3 жыл бұрын

    You are a genius

  • @pavel0900
    @pavel09003 жыл бұрын

    Thank you

  • @shaolin60
    @shaolin603 жыл бұрын

    After this video, I fell in love with Gutenberg

  • @indigetal
    @indigetal3 жыл бұрын

    I'm considering moving away from pagebuilders altogether and deciding which blocks library to use. Kadence is edging it's way to the top but the best practices that are described in this video need to be built into the system as the default behavior that can then be overridden. You forgot to mention how much faster sites built using kadence are compared to page builders like elementor. I'm looking forward to more and better template designs and some video walkthroughs of talented web designers doing crazy stuff using kadence would be a great way to show off what is possible!

Келесі