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/kadenceblocks

Previous Kadence starter site tutorial is here:
   • Kadence Theme Tutorial (Free Version)...  

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!