In this WordPress tutorial, I’ll teach you step-by-step how to build really fast landing pages with Gutenberg and the Kadence Blocks plugin so you can recreate any page layout that you want.
I’ll also go through all the best design principles to use so your pages look fantastic on desktop, tablet, and mobile screens.
If you build your pages with Gutenberg and Kadnece Blocks, your pages are going to be so much faster than using a third-party page builder such as Elementor. This will make it a lot easier for your website to pass Google’s Core Web Vitals which will give your pages a crucial ranking boost from Google which means you can bring in hundreds, if not thousands, of extra visitors every month depending on the keywords your pages are ranking for.
TABLE OF CONTENTS
0: 00 Intro
1: 03 Kadence WP Video Shoutout
1: 35 Install Kadence Theme
2: 36 Install Kadence Blocks
3: 47 Gutenberg Editor Explained
4: 27 Kadence Page Settings Setup
5: 24 Elementor Page Settings Comparison
6: 01 Kadence Blocks Controls
6: 49 Set Block Defaults
8: 01 Build Hero Section
16: 45 Build Second Section With Form
18: 43 Build Third CTA Section
22: 25 Mobile Responsiveness
27: 00 Kadence Design Library
28: 45 Kadence Wireframe Blocks
30: 03 Wrapping Up
31: 25 Free WordPress Speed Course
32: 25 Outro
🖥 Recommended Hosting: /
☁️ Cloudways – Fastest hosting and easiest to pass Core Web Vitals – Use Vultr HF server: s
📈 FREE 7 Days to WordPress Speed Mastery Email Course: /
💰 Kadence Discount Code: 10% OFF any bundle using code SB10OFF
✅ Kadence Full Bundle: Includes Kadence Theme Pro + Kadence Blocks Pro + Kadence Cloud + Membership-Only Starter Templates and much more: (10% OFF Use Code SB10OFF)
✅ Kadence Theme Pro: (10% OFF Use Code SB10OFF)
✅ Free Kadence Theme download: e
I’d love it if you joined my completely free Start Blogging 101 Community Facebook Group which is a group of rockstar individuals who are passionate about building fast, profitable WordPress sites with Gutenberg. Come join and say hi!
👋 Start Blogging 101 Facebook Community: 1
👉 Start Blogging 101 Facebook Page: 1
First, I’ll show you how to install and activate the Kadence Theme on your website along with how to install and activate the Kadence Blocks plugin.
Then, we’ll jump into how to build my homepage for Start Blogging 101 section by section using the WordPress block editor (Gutenberg) and Kadence Blocks.
The first section we’ll build is a hero section with a headline on the left and an image on the right.
The second section we’ll build has several paragraphs on the left and a sign-up form on the right.
The third section we’ll build is a callout section with a Call To Action (CTA) button to get users to subscribe to a YouTube channel.
Then, I’ll show you how to make your landing pages mobile-friendly by using all of the responsive customization options available to you from Kadence Blocks.
Last, I’ll show you how to speed up your page building abilities by using predesigned sections directly from the Kadence Theme including new wireframing blocks which makes building pages a breeze.
My channel is supported by my viewers. If you purchase through a link in my description, I may earn a commission which allows me to continue providing tutorials and content for all of you. I appreciate all your support!
#kadenceblocks #gutenberg #pagespeed