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