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
#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.
