Vigyata.AI
Is this your channel?

Gutenberg WordPress Tutorial with Kadence Blocks (Easiest way to edit with Gutenberg!)

31.4K views· 582 likes· 26:59· Nov 20, 2020

🛍️ Products Mentioned (1)

The easiest way to use the Gutenberg editor is with the Kadence blocks plugin. You can try the free version by following this tutorial, and check out the pro version too at ➡️ https://ideaspot.com.au/kadence-blocks Previous Kadence starter site tutorial is here: https://youtu.be/Czr1kR2QmDU You'll find that you can do pretty much any design in Gutenberg that you were able to do in Elementor, even when using the free version of Kadence blocks. In our demo, we recreate the Astra mountain starter home page section quite easily! If you're someone who enjoys the performance benefits of using the native WordPress editor, rather than an external page builder, this is definitely for you! 0:00 Gutenberg Editor Tutorial Intro 1:21 Kadence Blocks & Starter Templates 3:02 3 Methods of Using Kadence Blocks 3:52 Editing Blocks from a Starter Template 5:39 Kadence Row Layout Background Overlay Graidents 7:09 Building a New Page with Gutenberg 7:48 Make Kadence block full width 9:02 Divider Shapes in Gutenberg 9:49 Kadence Info Box Block in Gutenberg 11:53 Recreating an Elementor Section with Gutenberg 12:34 Kadence Blocks Row Layout 13:19 Full Screen Background image in Gutenberg 17:23 Vertical Align Middle in Gutenberg 19:42 Kadence Blocks Advanced Buttons 21:46 Button Hover Effects 25:17 Background Image Position 25:50 Kadence Blocks Pro Version 26:36 More Kadence Tutorials At IdeaSpot, we support the free and open exchange of knowledge and information. Please support us by using these description links included here. Besides the great discounts you can get from these links, they help us grow too by providing us a small commission on referral. Thank you for supporting IdeaSpot so we can continue to provide you with free content each week!

🎬 More from IdeaSpot