How to Add a Featured Blog Post (Tutorial in Divi) (no code!)

Опубликовано: 03 Апрель 2023
на канале: Wade McMaster - Creator Impact
923
27

In this Divi Theme Tutorial, I'll show how to add a Featured Blog Post to the top of a Blog page using the Divi Builder's defautl modules - no code!.

Code in CSS:
#logo {max-width: 260px;}
(change 260px to the width your logo needs to be)

This tutorial is designed to help you customize your WordPress website easily with great results. Just note that some of the links below are affiliate links I earn commission from:

// DOWNLOAD DIVI:
https://creatorimpact.com/downloaddivi

// FULL IN DEPTH DIVI TUTORIAL PLAYLIST (build a website, step by step):
   • DIVI THEME - How to Make a Website Wi...  

EDIT DIVI HEADER IN THEME BUILDER:
   • Customize WordPress website Header & ...  

-- ⚒ // TOOLS // ⚒ --

The following are the tools I use and highly recommend. Some of these are affiliate links I earn a commission from, but this is what I use and swear by!

📺 USED FOR MY VIDEOS:

🔴 Camtasia (screen recording): https://creatorimpact.com/camtasia
📷 Camera - Canon Rebel T7i: https://amzn.to/3Qzsi28
🎙 Nicama Lavalier Mic: https://amzn.to/3BR5OW3
🎙 Audio-Technica Mic: https://amzn.to/3PivRbH


🖥 WEBSITE / WORDPRESS BLOGGING

🌍 WebHosting Siteground:https://creatorimpact.com/siteground
🔥 Divi WordPress Theme: https://creatorimpact.com/downloaddivi
⚙ All in One SEO Premium Plugin: https://creatorimpact.com/aioseo

📩 EMAIL NEWSLETTER:

📈ConvertKit: https://creatorimpact.com/convertkit

😍 MISC:

👁 Adobe Photoshop: https://creatorimpact.com/adobephotoshop
👁 Canva: https://creatorimpact.com/canva

🔸 FREE YouTube Thumbnails PSDs: https://creatorimpact.com/free-youtub...
🔥 PREMIUM YouTube Thumbnails PSDs: https://creatorimpact.com/youtube-thu...

🔸 FREE Facebook Cover Images PSDs: https://creatorimpact.com/free-facebo...
🔥 PREMIUM Facebook Cover Images PSDs: https://creatorimpact.com/premium-fac...

FREE PHOTOS:
🔸 Unsplash: https://unsplash.com/
🔸 Pexels: https://www.pexels.com/


// LEARN MORE

🔗BEGINNER COURSE
Build a website, set up your presence online and start earning money:
https://creatorimpact.com/start-here/


// CREATOR IMPACT

🤘 Follow Creator Impact on Social Media!

🔗 Facebook:   / creatorimpact  
🔗 Instagram:   / creatorimpact  
🔗 Twitter:   / creatorimpact  


// TIMESTAMPS

0:00 - Intro & opening the Theme Builder
1:32 - Adding in the Main Blog Template Modules
2:41 - Creating the Page Header
8:26 - Styling the content area & Overlapping
13:38 - Linking 'Featured Image' to Header Background
14:01 - Adding Call to Action Module & Stlying
15:47 -Save & Test Layout
16:50 - Making design adjustments
21:12 - Make responsive for Tablet & Smart Phone

This Divi theme tutorial is for beginners and is a part of our series showcasing how to make a WordPress website with Divi - an in-depth series of WordPress tutorials showing you how to make a Divi website by breaking down the individual areas and walking through how they work, step by step. We show you how to use this powerful theme in a number of ways!

We cover:

- Designing your base template (using the customizer or the theme builder)
- A beginner Divi visual builder tutorial
- How basic design options and modules work
- a variety of page layouts you can build and download.

The theme used here is called Divi (Elegant Themes top WordPress Theme). It is a complete and comprehensive WordPress page builder along with a site-wide editor known as the Divi theme builder.

// LEARN MORE

Our Full Divi Theme Playlist:
   • Divi 4.0- The Top Customisable WordPr...  

Exploring the Full Width Header Module:
   • Exploring Divi Theme Fullwidth Header...  

How to set up a Divi Full Width Slider:
   • How to use the Divi Fullwidth Slider ...  

Exploring all Divi Builder Modules:
   • Exploring all of the Modules of the D...  


For my Free Beginners Email Course:
https://creatorimpact.com/start-here/
Learn how to get your business or blog online, reaching more people and making more money!

// CREATOR IMPACT

Follow Creator Impact on Social Media!
Facebook:   / creatorimpact  
Instagram:   / creatorimpact  
Twitter:   / creatorimpact