Where To Set Blog Template In Divi

There are many ways to pattern and customize your Divi blog post templates. Fortunately, there are lots of Divi blog post template tutorials on the Elegant Themes blog to get yous started. In this article, we'll look at over 15 amazing weblog post template tutorials that yous can employ with the Divi Theme Builder. All include step-by-step instructions on building the blog mail service templates for both desktop and mobile screens. Many include JSON file downloads and video instructions. Some include CSS.

1. Designing a Blog Mail service Template

This tutorial shows everything you need to know to get started building a blog post template in the Divi Theme Architect. It includes the basics of what a weblog post template is and why you demand ane. Information technology also discusses dynamic content and how to use it for weblog posts.

View Tutorial

2. Adding Pasty Sidebar CTAs to a Web log Mail service Template

This tutorial focuses on how to create CTAs that are gummy and add together them to the sidebars of your blog post template. It shows two different sidebars that piece of work independently. The sidebars scroll with the post until they reach their sticky location and so stay there until the post scrolls to the point where they follow the mail service. This data works for any folio template too. This ane includes CSS.

View Tutorial

3. Dynamically Creating a UX-Friendly Blog Post Template

This 1 shows how to create a weblog mail template that focuses on the user experience. Information technology shows how to comprise dynamic elements into the pattern. The template created in this tutorial is clear of distractions, making it unproblematic and easy to use.

View Tutorial

4. Styling Divi's Comments Module Inside a Blog Post Template

This tutorial focuses on styling a comments section that works perfectly with a web log post template. It creates 2 designs with Comments modules. A Person module with Social Media Follow is likewise included. The groundwork is created with a graphics editor and a walkthrough of how information technology's created is included.

View Tutorial

5. Designing a Dynamic Author Box for Your Blog Post Template

In this tutorial, yous'll learn how to employ dynamic content to create an author box for your blog post template. On the desktop, the author box sticks in the sidebar. The content is hidden and the writer'south image is faded to create a clean design. The content is revealed when they hover over the writer box. For mobile, the author box sits under the content. It includes CSS.

View Tutorial

6. Creating a 2-Sided Sidebar Web log Postal service Template

This tutorial shows how to create a weblog post template with a sidebar on both sides. The sidebars remain clean with a blog post on one side and an email opt-in on the other side. The sidebars stack on mobile. CSS is included.

View Tutorial

7. Creating a Dynamic Mail service Info Bar for Your Web log Post Template

This tutorial shows how to create an info bar using dynamic content that remains on screen as the user scrolls. The content includes the title and category of the current postal service to show what the user is reading, the number of comments and a link to leave a comment, and a button to subscribe to the newsletter. It includes CSS.

View Tutorial

8. Including a Full-Height Stock-still Sidebar in Your Weblog Post Template

This tutorial shows how to create a total-acme sidebar that'southward stock-still in place on the desktop version as the user scrolls. The sidebar takes the full tiptop of the desktop screen. The mobile version places the sidebar afterward the content. Custom CSS is included.

View Tutorial

9. Creating a Carve up-Screen Blog Post Template

This tutorial shows how to create a blog post template with the featured image on one side and the postal service content on the other. The featured paradigm with its championship and metadata remains in identify while the content scrolls. For mobile, the layout works equally normal. It includes CSS.

View Tutorial

10. Creating a Viscid Sidebar for Your Weblog Post Template

This ane shows how to make the sidebar sticky. Once it reaches its sticky location on the screen, the sidebar remains in place until the end of the content reaches information technology. The sidebar and then scrolls with the post as normal. Information technology works as normal on mobile. The web log mail service template is built from scratch and includes overlapping elements and custom CSS.

View Tutorial

11. Creating a Comments Toggle for Your Blog Mail Template

This tutorial shows how to create a toggle to collapse the comments section. A push on a comments bar opens the annotate to reveal them. This is specially helpful for improving the user experience on posts with a lot of comments. Custom CSS is included.

View Tutorial

12. Including a Fullwidth Featured Image in Your Weblog Post Template

This tutorial shows how to make your featured image total width on both desktop and mobile. It shows multiple ways to accomplish this including a dynamic section, a post championship module, a separate paradigm, and a text module. Some include gradient overlays.

View Tutorial

13. Using Different Web log Post Templates for Unlike Categories

This one shows how to apply the Divi Theme Builder's settings to ready different blog post templates for unlike categories on your website. Information technology also discusses the advantages of using unlike blog mail templates and how to exclude a category from the default template.

View Tutorial

xiv. Assigning a Dissimilar Blog Mail Template to Specific Posts

This tutorial shows how to utilise the Divi Theme Builder's settings to assign a weblog post template to a specific blog mail. It as well discusses the advantages of doing this and provides a few examples of when it would make the near sense.

View Tutorial

15. Adding Related Posts to Your Blog Post Template

This tutorial shows how to add together a department to your blog postal service template that displays related posts. This one besides covers the elements that a blog post template needs, examples of other elements, the advantages of related posts, and the best places to add together them. The related post section overlaps the web log mail body.

View Tutorial

16. Using the Post Content Module in the Theme Builder

This tutorial goes in-depth on how to use the Postal service Content module. It covers how the module works and how to best use the module when designing blog post templates in the Divi Theme Builder. Information technology also shows how to use it with WooCommerce pages generated with shortcodes and advises on when not to use it.

View Tutorial

17. Adding a Fullscreen Hero to Your Divi Blog Post Template

This tutorial shows several methods to add together a fullscreen hero section to your blog post template. The methods include a fullscreen post title module, a title over the groundwork, and adding metadata under the hero department. It also shows how to add a gradient over the hero image.

View Tutorial

18. Including Metadata in Your Weblog Mail Template

This one shows how to utilize dynamic content to add metadata to your blog post template. Information technology discusses what meatadata is, how dynamic content works for meatadata, and why you should use dynamic content to display metadata. The diverse metadata brandish options are besides covered.

View Tutorial

nineteen. Including Post Navigation in Your Divi Blog Mail service Template

This tutorial covers the Mail service Navigation module. It covers why you should apply post navigation and shows the best identify to add together information technology to your blog template. It shows iii different ways to fashion the module to create text links, buttons, and a double-sided button.

View Tutorial

How to Detect Free Blog Postal service Templates for Divi

Elegant Themes has created lots of complimentary blog postal service templates that match the gratis Divi Layout Packs. These gratuitous Divi blog post templates are posted in the ET weblog. Simply search for "gratuitous blog post template", "free Divi weblog post template", or similar keywords. You lot'll notice lots of free blog post templates to cull from.

Catastrophe Thoughts

That'due south our look at 15+ astonishing Divi blog post template tutorials for Divi. These fifteen+ tutorials are a great way to learn the many ways to design and customize your Divi blog mail service templates. They likewise provide ideas to create your own using the Divi Theme Builder. Several of them evidence how to utilise CSS.

We desire to hear from you. Have you lot used any of these fifteen+ amazing Divi blog post template tutorials? Let us know which is your favorite in the comments.