Full Gutenberg WordPress Tutorial + Kadence for Beginners
How to make a WordPress website with Gutenberg from scratch - no page builders! TIMESTAMPS BELOW 🔔 SUBSCRIBE!
In this tutorial, I will show you how to make a beautiful WordPress website that is mobile-friendly, responsive across devices, super fast and loved by Google! In addition to the WordPress Block Editor, you will learn how to use the FREE Kadence Theme and Kadence Blocks to build an amazing Gutenberg website, AND we'll also look at cool extras using Kadence Pro. I'll also share what the best plugins are, and where to get free logos and images. We'll also check out how to create contact forms and a customer relationship management (CRM) system inside of WordPress and much more!
🔗 USEFUL LINKS 🔗
Gutenberg Course = https://www.jackinthenet.com
Kadence = https://www.jackinthenet.com/kadence
SiteGround = https://jackinthenet.com/sg
NameHero = https://www.jackinthenet.com/nh
Fluent CRM = https://www.jackinthenet.com/crm
WP Rocket = https://www.jackinthenet.com/rocket
Security Pro = https://www.jackinthenet.com/ithemes
BackupBuddy = https://www.jackinthenet.com/ithemes
⏰ TIMESTAMPS ⏰
SETUP
Gutenberg WordPress Tutorial What We Cover (00:00)
Best WordPress Web Hosting (03:12)
How to Install WordPress (06:20)
Staging (07:14)
The WordPress Dashboard, Front End and Backend (11:00)
WordPress Themes Explained (12:00)
Optimising WordPress (17:00)
Get a Free SSL Certificate (19:20)
DESIGNING
Installing Kadence Theme and Blocks (21:30)
How to upload plugins to WordPress (25:18)
Starter Templates (26:30)
Add New Pages & Set Home Page and Blog Page (31:35)
How to Use the Kadence Theme Customiser (33:30)
How to get a free logo and favicon (36:00)
Add Menus (38:23)
How to use WordPress block editor Gutenberg (42:50)
HOMEPAGE
Hero Section and Row Layout Block (48:14)
Styling Dividers and Mobile Optimization (58:00)
Advanced Heading Block and Buttons (01:01:00)
Reusable Blocks (01:13:30)
Kadence Design Library Premade Sections (01:16:17)
Working with columns (01:22:33)
Mobile Responsive Design (01:27:30)
HEADERS AND FOOTERS
Header Builder: Sticky and Transparent Headers (01:32:50)
Designing the Footer (01:44:00)
How to add widgets to footer or sidebar (01:47:50)
CONTACT/SUBSCRIBE FORMS AND WORDPRESS CRM
Contact Page (01:52:08)
Best Contact Form and CRM System (01:56:00)
FAQ's (02:14:40)
KADENCE PRO
How to get access to all Kadence products (02:16:30)
Page Transitions (02:21:30)
Kadence Blocks Gutenberg Animations (02:22:45)
Pro Header and Footer (02:30:09)
BLOG
How to add blog posts (02:32:55)
Designing the Archive Page (02:36:00)
Designing Single Blog Post Page (02:40:14)
MUST HAVE PLUGINS
RankMath Best SEO (02:42:00)
WordPress Speed Optimisation WP Rocket (02:47:15)
Best WordPress Security (02:50:00)
Best WordPress Backups Plugin (02:52:00)
What we have learned (02:53:30)
🔔 SUBSCRIBE & HIT THE 🔔 to turn on notifications & never miss a new upload!
Thanks for watching, make sure to comment! And who do you know that would benefit from this tutorial? Spread the love, share this with them.
Jack in the Net
https://www.jackinthenet.com
#gutenberg #wordpress #kadence
Affiliate Disclaimer: This video & description contains affiliate links. If you buy a product through this you won't pay any extra, but I get a small commission. Thank you for that support it really helps to keep making free video tutorials.
Видео Full Gutenberg WordPress Tutorial + Kadence for Beginners канала Jack in the Net
In this tutorial, I will show you how to make a beautiful WordPress website that is mobile-friendly, responsive across devices, super fast and loved by Google! In addition to the WordPress Block Editor, you will learn how to use the FREE Kadence Theme and Kadence Blocks to build an amazing Gutenberg website, AND we'll also look at cool extras using Kadence Pro. I'll also share what the best plugins are, and where to get free logos and images. We'll also check out how to create contact forms and a customer relationship management (CRM) system inside of WordPress and much more!
🔗 USEFUL LINKS 🔗
Gutenberg Course = https://www.jackinthenet.com
Kadence = https://www.jackinthenet.com/kadence
SiteGround = https://jackinthenet.com/sg
NameHero = https://www.jackinthenet.com/nh
Fluent CRM = https://www.jackinthenet.com/crm
WP Rocket = https://www.jackinthenet.com/rocket
Security Pro = https://www.jackinthenet.com/ithemes
BackupBuddy = https://www.jackinthenet.com/ithemes
⏰ TIMESTAMPS ⏰
SETUP
Gutenberg WordPress Tutorial What We Cover (00:00)
Best WordPress Web Hosting (03:12)
How to Install WordPress (06:20)
Staging (07:14)
The WordPress Dashboard, Front End and Backend (11:00)
WordPress Themes Explained (12:00)
Optimising WordPress (17:00)
Get a Free SSL Certificate (19:20)
DESIGNING
Installing Kadence Theme and Blocks (21:30)
How to upload plugins to WordPress (25:18)
Starter Templates (26:30)
Add New Pages & Set Home Page and Blog Page (31:35)
How to Use the Kadence Theme Customiser (33:30)
How to get a free logo and favicon (36:00)
Add Menus (38:23)
How to use WordPress block editor Gutenberg (42:50)
HOMEPAGE
Hero Section and Row Layout Block (48:14)
Styling Dividers and Mobile Optimization (58:00)
Advanced Heading Block and Buttons (01:01:00)
Reusable Blocks (01:13:30)
Kadence Design Library Premade Sections (01:16:17)
Working with columns (01:22:33)
Mobile Responsive Design (01:27:30)
HEADERS AND FOOTERS
Header Builder: Sticky and Transparent Headers (01:32:50)
Designing the Footer (01:44:00)
How to add widgets to footer or sidebar (01:47:50)
CONTACT/SUBSCRIBE FORMS AND WORDPRESS CRM
Contact Page (01:52:08)
Best Contact Form and CRM System (01:56:00)
FAQ's (02:14:40)
KADENCE PRO
How to get access to all Kadence products (02:16:30)
Page Transitions (02:21:30)
Kadence Blocks Gutenberg Animations (02:22:45)
Pro Header and Footer (02:30:09)
BLOG
How to add blog posts (02:32:55)
Designing the Archive Page (02:36:00)
Designing Single Blog Post Page (02:40:14)
MUST HAVE PLUGINS
RankMath Best SEO (02:42:00)
WordPress Speed Optimisation WP Rocket (02:47:15)
Best WordPress Security (02:50:00)
Best WordPress Backups Plugin (02:52:00)
What we have learned (02:53:30)
🔔 SUBSCRIBE & HIT THE 🔔 to turn on notifications & never miss a new upload!
Thanks for watching, make sure to comment! And who do you know that would benefit from this tutorial? Spread the love, share this with them.
Jack in the Net
https://www.jackinthenet.com
#gutenberg #wordpress #kadence
Affiliate Disclaimer: This video & description contains affiliate links. If you buy a product through this you won't pay any extra, but I get a small commission. Thank you for that support it really helps to keep making free video tutorials.
Видео Full Gutenberg WordPress Tutorial + Kadence for Beginners канала Jack in the Net
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Basics of Gutenberg Tutorial | What is Gutenberg WordPress](https://i.ytimg.com/vi/NSHHGJgPKfU/default.jpg)
![Gutenberg vs Elementor | The Future of WordPress](https://i.ytimg.com/vi/2IV9DwFUbFE/default.jpg)
![How To Make a Website With WordPress - 2021 (Beginners Tutorial)](https://i.ytimg.com/vi/O79pJ7qXwoE/default.jpg)
![How the Gutenberg Editor is destroying your WordPress website](https://i.ytimg.com/vi/nz9c72f_kAI/default.jpg)
![WordPress Tutorial For Beginners 2021 [Made Easy]](https://i.ytimg.com/vi/kYY88h5J86A/default.jpg)
![Top 27 Elementor Hidden Features | Elementor Tips and Tricks](https://i.ytimg.com/vi/SqwQFiaFMOQ/default.jpg)
![How to Add Dynamic Header with Kadence Theme Pro | Kadence Pro](https://i.ytimg.com/vi/NouJTmtRDQI/default.jpg)
![How to Customize the Kadence Theme](https://i.ytimg.com/vi/yFWeYqXuTWk/default.jpg)
![Create a Full Website Step by Step for Free! Kadence Theme and Gutenberg Tutorial](https://i.ytimg.com/vi/Q0ClNLKppiQ/default.jpg)
![Elementor Complete Tutorial 2022 ~ Build a Full Website with Elementor](https://i.ytimg.com/vi/tm_FEaULxf8/default.jpg)
![Kadence Theme vs Blocksy Theme - Which is Better (Full comparison)](https://i.ytimg.com/vi/FtaQ9TuIQ8o/default.jpg)
![[01] Layout Optimization Best Practice](https://i.ytimg.com/vi/vBAKGupM0co/default.jpg)
![Gutenberg Tutorial: How To Create a Home Page Using Gutenberg Blocks](https://i.ytimg.com/vi/YDjZr6Zwl6k/default.jpg)
![Wordpress Blog with Elementor Full Tutorial for 2020 - A Customizable Personal Blog](https://i.ytimg.com/vi/F9UBPbsZ2Rs/default.jpg)
![The Top 10 Wordpress Plugins for the end of 2020](https://i.ytimg.com/vi/156fgG0YBVw/default.jpg)
![Switching to Kadence and Gutenberg from Astra and Elementor](https://i.ytimg.com/vi/bLyj8qHQuPE/default.jpg)
![How To Make A Wordpress Website | For Beginners 🔥](https://i.ytimg.com/vi/4czPPXTPa7A/default.jpg)
![Elementor Complete Tutorial 2020 - Build a Full Website with Elementor](https://i.ytimg.com/vi/guUuaArckEw/default.jpg)
![Kadence Theme Tutorial - The Best Free Theme For WordPress 2021](https://i.ytimg.com/vi/Nvjl5vj9jF0/default.jpg)
![How to make a wordpress website with Divi | Divi theme Tutorial](https://i.ytimg.com/vi/ax3vG2P_kFk/default.jpg)