WordPress For Beginners – Full Gutenberg WordPress Tutorial + Kadence for Beginners

by | Jun 14, 2021 | 0 comments

WordPress For Beginners – Full Gutenberg WordPress Tutorial + Kadence for Beginners

by | Jun 14, 2021 | Wordpress Tutorials for Beginners | 0 comments

WordPress For Beginners Tutorials and information. We source some of the best tutorials online to help you manage your wordpress website.




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

Home

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

source

0 Comments

Submit a Comment

What Our Clients Are Saying

Gloss Beauty Truck

Without the support and help of Leland my business would not be half of what it is. he puts the...

Tammie, Gloss Beauty Truck

Dieno Digital Marketing Services
5
2018-04-27T01:09:38+00:00

Tammie, Gloss Beauty Truck

Without the support and help of Leland my business would not be half of what it is. he puts the extra mile in to what he does to help make it easy from someone like myself who is incompetent with computers. I am so lucky to have him apart of my back end team. He's amazing at what he does .

Divorce For Men Publishing

Leland always executes effective social media campaigns that prove to have a return on investment.

C, Divorce For Men Publishing

Dieno Digital Marketing Services
5
2018-04-27T01:11:58+00:00

C, Divorce For Men Publishing

Leland always executes effective social media campaigns that prove to have a return on investment.

Travco RV

Leland lets me focus on running my business while he takes care of the digital marketing for us. He really...

Rod, Travco-Rv.com

Dieno Digital Marketing Services
5
2018-04-27T20:16:51+00:00

Rod, Travco-Rv.com

Leland lets me focus on running my business while he takes care of the digital marketing for us. He really takes care of our companies marketing with his expertise and has a lot of great ideas. We are very fortunate to  have him helping us with fresh new ideas.

British Columbia Coalition Of Motorcyclists

We've been working with Dieno Digital, for the past year and a half now and couldn't be happier with all...

Tara, British Columbia Coalition Of Motorcyclists

Dieno Digital Marketing Services
5
2018-04-27T22:05:28+00:00

Tara, British Columbia Coalition Of Motorcyclists

We've been working with Dieno Digital, for the past year and a half now and couldn't be happier with all the updates  to our website. Leland is always very responsive and able to answer all of questions or fix any issues in no time at all. We look forward to continuing to expanding and broadening our website with Dieno Digital.
5
4
Dieno Digital Marketing Services
[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-name">First name or full name</label> <input class="tnp-name" type="text" name="nn" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-email">Email</label> <input class="tnp-email" type="email" name="ne" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>