Learn how to Create this Divi Blog Post Template (boxed text / overlap style) using Divi Theme Builder. This step by step tutorial is great for learning to create custom templates and design to Divi’s blog post formats.
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:
[ Ссылка ]
// FULL IN DEPTH DIVI TUTORIAL PLAYLIST (build a website, step by step):
[ Ссылка ]
--- ⚒ // 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): [ Ссылка ]
📷 Camera - Canon Rebel T7i: [ Ссылка ]
🎙 Nicama Lavalier Mic: [ Ссылка ]
🎙 Audio-Technica Mic: [ Ссылка ]
🖥 WEBSITE / WORDPRESS BLOGGING
🌍 WebHosting Siteground:[ Ссылка ]
🔥 Divi WordPress Theme: [ Ссылка ]
⚙ All in One SEO Premium Plugin: [ Ссылка ]
📩 EMAIL NEWSLETTER:
📈ConvertKit: [ Ссылка ]
😍 MISC:
👁 Adobe Photoshop: [ Ссылка ]
👁 Canva: [ Ссылка ]
🔸 FREE YouTube Thumbnails PSDs: [ Ссылка ]
🔥 PREMIUM YouTube Thumbnails PSDs: [ Ссылка ]
🔸 FREE Facebook Cover Images PSDs: [ Ссылка ]
🔥 PREMIUM Facebook Cover Images PSDs: [ Ссылка ]
FREE PHOTOS:
🔸 Unsplash: [ Ссылка ]
🔸 Pexels: [ Ссылка ]
// LEARN MORE
🔗BEGINNER COURSE
Build a website, set up your presence online and start earning money:
[ Ссылка ]
// CREATOR IMPACT
🤘 Follow Creator Impact on Social Media!
🔗 Facebook: [ Ссылка ]
🔗 Instagram: [ Ссылка ]
🔗 Twitter: [ Ссылка ]
// 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:
[ Ссылка ]
Exploring the Full Width Header Module:
[ Ссылка ]
How to set up a Divi Full Width Slider:
[ Ссылка ]
Exploring all Divi Builder Modules:
[ Ссылка ]
For my Free Beginners Email Course:
[ Ссылка ]
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: [ Ссылка ]
Instagram: [ Ссылка ]
Twitter: [ Ссылка ]
