How to Build Beautiful Hero or Featured Sections in WordPress (Gutenberg + Kadence Tutorial)
In this video, you will learn how to create three custom hero sections from scratch using the Gutenberg Block page editor, which is the default page builder for WordPress. We will also use the FREE version of Kadence Blocks. While these are easy to build, this tutorial goes through each part of the build step by step. Enjoy!
Timestamps:
0:00 Intro and Overview
3:21 How to Create Hero or Featured Section #1
17:12 How to make the Hero or Featured Section #1 Mobile Responsive
24:53 How to Create Hero or Featured Section #2
32:44 How to make the Hero or Featured Section #2 Mobile Responsive
33:37 How to Create Hero or Featured Section #3
50:07 How to make the Hero or Featured Section #3 Mobile Responsive
🧰 TOOLS USED IN THIS TUTORIAL
✅ Domain & Hosting by Siteground: https://cliftonwp.com/host
✅ WordPress CMS: FREE
✅ Gutenberg Block Editor: FREE
✅ Kadence Free Theme: FREE
✅ Kadence Blocks: FREE
🏆RECOMMENDED EMAIL MARKETING PROVIDER
✅ Mailerlite: https://cliftonwp.com/mailerlite
🏆 BEST HOSTING COMPANY
✅ Siteground: https://cliftonwp.com/host
✅ WP Engine (Premium managed hosting): https://cliftonwp.com/wprocket
🏆 BEST PRO GUTENBERG BLOCK PLUGINS
✅ Kadence Blocks: https://cliftonwp.com/kadence-blocks
⭐ RECOMMENDED PRO WORDPRESS THEMES
✅ Kadence Premium Theme: https://cliftonwp.com/kadence
✅ Astra Pro: https://cliftonwp.com/astra
⭐RECOMMENDED PRO FORM PLUGINS
✅ Gravity Forms https://cliftonwp.com/gravityforms
✅ Fluentforms : https://cliftonwp.com/fluentforms
🏆 BEST SPEED PLUGIN
✅ WP Rocket: https://cliftonwp.com/wprocket
⭐ BEST WORDPRESS PAGE BUILDER
✅ Beaver Builder: https://cliftonwp.com/beaver-builder
⭐ BEST COMING SOON PLUGIN
✅ SeedProd: https://cliftonwp.com/seedprod
AFFILIATE DISCLOSURE
Please note that any links within this video and its description may contain affiliate links which means that if you click on one of the product links and purchase a product, I may receive a small commission. The commission does not increase the price you pay for the product and you can always purchase directly from the source. By using my affiliate link, you are supporting the work of the channel and I thank you for that.
Lastly, All of the opinions in this video are my own. I did not receive any compensation for making this video. Thank you for watching and thank you for your support!
Видео How to Build Beautiful Hero or Featured Sections in WordPress (Gutenberg + Kadence Tutorial) канала CliftonWP
Timestamps:
0:00 Intro and Overview
3:21 How to Create Hero or Featured Section #1
17:12 How to make the Hero or Featured Section #1 Mobile Responsive
24:53 How to Create Hero or Featured Section #2
32:44 How to make the Hero or Featured Section #2 Mobile Responsive
33:37 How to Create Hero or Featured Section #3
50:07 How to make the Hero or Featured Section #3 Mobile Responsive
🧰 TOOLS USED IN THIS TUTORIAL
✅ Domain & Hosting by Siteground: https://cliftonwp.com/host
✅ WordPress CMS: FREE
✅ Gutenberg Block Editor: FREE
✅ Kadence Free Theme: FREE
✅ Kadence Blocks: FREE
🏆RECOMMENDED EMAIL MARKETING PROVIDER
✅ Mailerlite: https://cliftonwp.com/mailerlite
🏆 BEST HOSTING COMPANY
✅ Siteground: https://cliftonwp.com/host
✅ WP Engine (Premium managed hosting): https://cliftonwp.com/wprocket
🏆 BEST PRO GUTENBERG BLOCK PLUGINS
✅ Kadence Blocks: https://cliftonwp.com/kadence-blocks
⭐ RECOMMENDED PRO WORDPRESS THEMES
✅ Kadence Premium Theme: https://cliftonwp.com/kadence
✅ Astra Pro: https://cliftonwp.com/astra
⭐RECOMMENDED PRO FORM PLUGINS
✅ Gravity Forms https://cliftonwp.com/gravityforms
✅ Fluentforms : https://cliftonwp.com/fluentforms
🏆 BEST SPEED PLUGIN
✅ WP Rocket: https://cliftonwp.com/wprocket
⭐ BEST WORDPRESS PAGE BUILDER
✅ Beaver Builder: https://cliftonwp.com/beaver-builder
⭐ BEST COMING SOON PLUGIN
✅ SeedProd: https://cliftonwp.com/seedprod
AFFILIATE DISCLOSURE
Please note that any links within this video and its description may contain affiliate links which means that if you click on one of the product links and purchase a product, I may receive a small commission. The commission does not increase the price you pay for the product and you can always purchase directly from the source. By using my affiliate link, you are supporting the work of the channel and I thank you for that.
Lastly, All of the opinions in this video are my own. I did not receive any compensation for making this video. Thank you for watching and thank you for your support!
Видео How to Build Beautiful Hero or Featured Sections in WordPress (Gutenberg + Kadence Tutorial) канала CliftonWP
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Elementor PRO Tutorial - How to create beautiful custom login sections with Elementor!](https://i.ytimg.com/vi/yPbqEsLU7LI/default.jpg)
![How to backup wordpress with backupbuddy](https://i.ytimg.com/vi/jtzhvDodZRY/default.jpg)
![How to Install a WordPress Theme for Beginners 2019](https://i.ytimg.com/vi/iqBQNm3rgnA/default.jpg)
![How to Backup Your Wordpress Website for FREE with WPvivid. (Very Beginner Friendly!)](https://i.ytimg.com/vi/sMtWBkezKpg/default.jpg)
![How to Install WordPress For Beginners 2019](https://i.ytimg.com/vi/b8qHUsikKNU/default.jpg)
![How to Create Beautiful Email Opt-in Sections in WordPress FREE with Kadence + Gutenberg](https://i.ytimg.com/vi/th5CcKrxaCY/default.jpg)
![How to Make a WordPress Website in 5 Simple Steps! Free 2021 (Gutenberg + Kadence)](https://i.ytimg.com/vi/snux_y3Gr2M/default.jpg)
![How to Make a Website 2019 - FREE Elementor Tutorial](https://i.ytimg.com/vi/1hCAPlyfjmo/default.jpg)
![How to Add a Pro Coming Soon Page to Your WordPress Website](https://i.ytimg.com/vi/eKD_LA45Cg4/default.jpg)
![WordPress Walkthrough](https://i.ytimg.com/vi/RaBYAEb27uU/default.jpg)
![How to Use the Chrome Developer Tool with WordPress Websites or Any Website](https://i.ytimg.com/vi/Vwx3YrougvY/default.jpg)
![Gravity Forms Tutorial - How to use conditional logic with Gravity Forms](https://i.ytimg.com/vi/v36DMU078u8/default.jpg)
![How to Build Wireframes in WordPress (Kadence Blocks Tutorial)](https://i.ytimg.com/vi/z4dXnAlylhM/default.jpg)
![How to Add a Coming Soon Page to Yuor WordPress Website](https://i.ytimg.com/vi/KRz5TW9z7VY/default.jpg)
![How to Make a Website 2019 With Free Elementor and Free Plugins](https://i.ytimg.com/vi/5atSBIWIyk0/default.jpg)
![Gravity Forms Tutorial - How to create amazing forms in WordPress with Gravity Forms](https://i.ytimg.com/vi/wl0COvf70R4/default.jpg)
![How To Create a Transparent Header with Elementor Pro](https://i.ytimg.com/vi/N_DeVU6jlSo/default.jpg)
![How to Install a Plugin in Wordpress For Beginners 2019 Part 2](https://i.ytimg.com/vi/EaeF2-Q_tbA/default.jpg)
![Kadence Theme Builder Tutorial: How to Create Custom Layouts for Posts, Archives & Custom Post Types](https://i.ytimg.com/vi/JJb88H3tzSY/default.jpg)
![Kadence Tutorial: How to Make Your Website Mobile Friendly with Kadence Theme and Kadence Blocks.](https://i.ytimg.com/vi/Bp3oxyvK_Xg/default.jpg)
![[Kadence Tutorial] How to Customize WooCommerce Product Category Pages with Kadence](https://i.ytimg.com/vi/ZMAGYsPdr-k/default.jpg)