Do It Yourself – Tutorials – Kadence Theme Tutorial: Create a WordPress Magazine Website from Scratch

by | Apr 19, 2021 | 0 comments

Do It Yourself – Tutorials – Kadence Theme Tutorial: Create a WordPress Magazine Website from Scratch

by | Apr 19, 2021 | Do It Yourself - Build Your Own Website | 0 comments

Do It Yourself – Website Tutorials



In this Gutenberg Blocks Tutorial, I will show you how to create a Magazine Website from Scratch using the Kadence Pro theme and Kadence Blocks Pro. Get your Kadence Membership (with the latest discount):

https://jackcao.com/kadence-blocks
👉 Get Kadence Pro Theme: https://jackcao.com/kadence
👉 Get Kadence Blocks Pro: https://jackcao.com/kadence-blocks

🔨 My Recommended WordPress Tools:
✅ Web Hosting (for Speed): https://jackcao.com/siteground
✅ Best WordPress Theme: https://jackcao.com/kadence
✅ Best Speed Optimization Tool: https://jackcao.com/wprocket

🔔 Subscribe for more WordPress Related Content: https://jackcao.com/subscribe​​

❤ Resources mentioned in video:
✅ Magazine Site Images Download: https://jackcao.com/download/magazine-images
✅ Kadence Color Palette: https://kadence-theme.com/knowledge-base/customize-settings/how-to-use-the-kadence-theme-color-palette/

⌚ Chapters (Time Stamps):

0:00 Introduction
1:06 Blueprint of the Magazine Style Website
2:17 Part 1 of 7 – Settings
2:25 WordPress Theme Installation
2:56 Adding Necessary Plugins
4:40 Adding Post Content, categories, and Featured Image
4:52 Create Categories
5:13 Add Content
6:42 Kadence Theme Color Palette
8:29 Create a Home Page for the Magazine Style Website
9:47 Activating Kadence Blocks Pro Elements
10:19 Part 2 of 7 – Header
10:39 Add Logo to a WordPress Page
11:06 Changing the Size of the Logo
11:11 Alignment of Header Elements for Kadence Theme
11:30 Creating Menu Items
12:46 Change Background Color of the Header for Kadence Theme
14:23 Add Icons to Menu Items
16:15 Part 3 of 7 – Page Hero – Creating an Image Grid
33:24 Part 4 of 7 – Adding Page Elements
33:44 Edit Page Settings
34:31 Page Carousel (Top Stories)
42:10 Catergory Section with Post Snippets (Photography & Travel)
51:48 Latest Stories
56:23 Part 5 of 7 – Sticky Sidebar
1:01:50 Part 6 of 7 – Below Content
1:02:14 Category Tabs
1:08:56 Side Bar Post Snippets
1:10:55 Part 7 of 7 – Footer
1:11:06 Adding Hooked Elements for Footer
1:15:05 Kadence Theme Customizer for Footer
1:15:28 Changing Background Color of Footer
1:17:05 Adding Hooked Elements to Footer using Widgets
1:17:47 Add Search Bar to Footer
1:18:08 Add Social Icons to Footer
1:18:59 Amend Copyright Footer Text

📽 More Helpful Videos:
✅ 11 Gutenberg Block Plugins: https://youtu.be/p_kdgKpv_js​
✅ Will Multiple Gutenberg Blocks Slow Down WordPress Site: https://youtu.be/dPaXh0CLimc
✅ Site Speed Case Study: https://youtu.be/INvxYNH9gKk​​​
✅ Build a Fast Loading Home Page: https://youtu.be/j8-cmbH7n14​​​
✅ Improve Site Speed (9 tips): https://youtu.be/TBWeflLPuJQ​​
✅ Build a Lead Capture Page with Gutenberg Blocks: https://youtu.be/n2Hqlea0RMo

__________________________________________________________________________

AFFILIATE DISCLOSURE: This video and description may contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. I won’t put anything here that I haven’t verified and/or personally used myself. And, you will never pay anything more than what it cost if you buy the product directly from the source. From time to time, I may even provide you with some discount codes to help you save money.
__________________________________________________________________________
​​#magazinesite #kadencemagazine #kadenceblocks #kadencetemplate #kadenceblockspro #kadencetheme #kadencewptheme #kadencewp #kadenceblockstutorial​​ #wordpress​​ #jackcao​​ #wpblocks​​ #wordpressblocks​ #gutenberg #gutenbergblocks

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>