EDITS.WS

Tag: divi blog post template

  • Download a FREE Blog Post Template for Divi’s Home Remodeling Layout Pack

    Hey Divi Creators! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new freebies. This time around we’re building upon the Home Remodeling Layout Pack with a brand new blog post template that matches the rest of the pack perfectly. Hope you enjoy it!

    divi layout

    Check Out The Home Remodeling
    Blog Template Below

    Get it for free today!

    Desktop View

    Divi Home Remodeling Blog Template for desktop

    Tablet/Mobile View

    Divi Home Remodeling Blog Template for tablet or mobile

    Download The Blog Post Template For The Home Remodeling Layout Pack

    To lay your hands on the free Home Remodeling Blog Post Template, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our newsletter by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.

    How to Upload The Home Remodeling Blog Template

    Go to Divi Theme Builder

    To upload the template, navigate to the Divi Theme Builder in the backend of your WordPress website.

    Getting started with the Divi Conference Layout Pack

    Upload Website Template

    Then, in the top right corner, you’ll see an icon with two arrows. Click on the icon.

    Importing the Header and Footer Layout into the Divi Theme Buidler

    Navigate to the import tab, upload the JSON file that you could download in this post, and click on ‘Import Divi Theme Builder Templates’.

    Import settings for the header and footer layout pack

    Save Divi Theme Builder Changes

    Once you’ve uploaded the file, you’ll notice a new template with a new body area that has been assigned to All Posts. Save the Divi Theme Builder changes as soon as you want the template to be activated.

    Save the imported blog post layout within the Divi Theme Builder

    How to Modify The Home Remodeling Blog Template

    Open Post Template

    To modify the template’s elements, start by opening the template.

    Begin editing the blog post body template within the Divi Builder

    Inside the Body Layout Editor, you can edit the design on the front end using the Divi Builder just like you would with a normal Divi page.

    Since this is a template that has been assigned to all posts for the site, there is a post content module that is necessary for displaying the post content. You will need to keep that module in place, but you can adjust the post content module’s design elements, which will design the post content that is displayed dynamically.

    Update the Post Content Module with styling from your brand or business

    About the Home Remodeling Blog Template

    This blog post template possesses many dynamic elements that will work with your blog posts immediately. For example, the entire post header is made up of dynamic elements and modules that will update automatically so you don’t have to do so for every blog post that you write. You can tweak the design of each of those elements if needed.

    The modules that are used to make up your home remodeling blog template include

    • Post Title Module: Used to show the post title and featured image
    • Blurb Module: Used to show multiple post meta elements such as the comment count, post author, post date and post categories
    • Post Content Module: We use this to show the content within the actual blog post itself
    • Post Navigation Module: Move from one blog post to another within the same category
    • Comment Module: Allow your users to interact with your blog posts
    • Blog Module: We use the Blog Module to show other posts within the same blog categories

    Here is a quick illustration that identifies the elements of the Home Remodeling blog post template.

    Divi Home Remodeling Blog Template overview

    New Freebies Every Week!

    We hope you’ve enjoyed the Home Remodeling Layout Pack and the blog post template freebie that goes along with it. We look forward to hearing your opinions in the comment section below. Make sure you check back next week for more freebies!

    The post Download a FREE Blog Post Template for Divi’s Home Remodeling Layout Pack appeared first on Elegant Themes Blog.

  • Download a FREE Blog Post Template for Divi’s Online Yoga Layout Pack

    Hey Divi Creators! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new freebies. This time around we’re building upon the Online Yoga Layout Pack with a brand new blog post template that matches the rest of the pack perfectly. Hope you enjoy it!

    divi layout

    Check Out The Online Yoga
    Blog Post Template Below

    Get it for free today!

    Online Yoga blog post template

    Online Yoga blog post template

    Download The Blog Post Template For The Online Yoga Layout Pack

    To lay your hands on the free Online Yoga Blog Post Template, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our newsletter by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.

    How to Upload The Template

    Go to Divi Theme Builder

    To upload the template, navigate to the Divi Theme Builder in the backend of your WordPress website.

    blog post template for Divi's Online Yoga Layout Pack

    Upload Website Template

    Then, in the top right corner, you’ll see an icon with two arrows. Click on the icon.

    blog post template for Divi's Online Yoga Layout Pack

    Navigate to the import tab, upload the JSON file that you could download in this post, and click on ‘Import Divi Theme Builder Templates’.

    blog post template for Divi's Online Yoga Layout Pack

    Save Divi Theme Builder Changes

    Once you’ve uploaded the file, you’ll notice a new template with a new body area that has been assigned to All Posts. Save the Divi Theme Builder changes as soon as you want the template to be activated.

    divi Online Yoga blog post template

    How to Modify The Template

    Open Post Template

    To modify the template’s elements, start by opening the template.

    divi Online Yoga blog post template

    Inside the Body Layout Editor, you can edit the design on the front end using the Divi Builder just like you would with a normal Divi page.

    Since this is a template that has been assigned to all posts for the site, there is a post content module that is necessary for displaying the post content. You will need to keep that module in place, but you can adjust the post content module’s design elements, which will design the post content that is displayed dynamically.

    Online Yoga blog post template

    About the Layout

    This blog post template has a lot of dynamic elements that will work with your blog posts immediately. For example, the entire post header is made up of dynamic elements including a featured image as the background, the post title, and the post metadata (date, categories, author, and comment count). This content won’t need updating, but you can tweak the design of each of those elements if needed.

    Other dynamic elements include the following:

    • Recent Posts Module(s) – displays the most recent posts. Sometimes multiple modules are used with offsets for unique layouts.
    • Post Content Module – displays the post content added when editing the post on the backend of WordPress.
    • Comments – a functional comment area for the post.
    • Post Navigation – provides previous and next buttons to the post.

    Here is a quick illustration that identifies the elements of the Online Yoga blog post template.

    Online Yoga blog post template

    However, some elements on a post template will need your immediate attention before using it live on your own website. For this post template, you will need to update the email opt-in module.

    Add Email Account to Email Optin Modules

    To allow the Email Optin Module to show up in your design, you’ll need to link an email account.

    Online Yoga blog post template

    New Freebies Every Week!

    We hope you’ve enjoyed the Online Yoga Layout Pack and the blog post template freebie that goes along with it. We look forward to hearing your opinions in the comment section below. Make sure you check back next week for more freebies!

    The post Download a FREE Blog Post Template for Divi’s Online Yoga Layout Pack appeared first on Elegant Themes Blog.

  • Download a FREE Blog Post Template for Divi’s Conference Layout Pack

    Hey Divi Creators! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new freebies. This time around we’re building upon the Divi Conference Layout Pack with a brand new blog post template that matches the rest of the pack perfectly. Hope you enjoy it!

    divi layout

    Check Out The Divi Conference Blog Post Template Below

    Get it for free today!

    Divi Conference Blog Post Template for Desktop

    Tablet and mobile view for the Divi Conference Blog layout

    Download The Blog Post Template For The Divi Conference Layout Pack

    To lay your hands on the free Divi Conference Blog Post Template, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our newsletter by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.

    How to Upload The Template

    Go to Divi Theme Builder

    To upload the template, navigate to the Divi Theme Builder in the backend of your WordPress website.

    Navigating to the Divi Theme Builder

    Upload Website Template

    Then, in the top right corner, you’ll see an icon with two arrows. Click on the icon.

    Opening the import export functionality of the Divi Theme Builder

    Navigate to the import tab, upload the JSON file that you could download in this post, and click on ‘Import Divi Theme Builder Templates’.

    Save Divi Theme Builder Changes

    Save the imported Divi Conference Blog Post Template within the Divi Builder

    Once you’ve uploaded the file, you’ll notice a new template with a new body area that has been assigned to All Posts. Save the Divi Theme Builder changes as soon as you want the template to be activated.

    How to Modify The Divi Conference Blog Layout

    Open Post Template

    To modify the template’s elements, start by opening the template.

    Edit the newly imported Divi Conference Blog Post Template

    Inside the Body Layout Editor, you can edit the design on the front end using the Divi Builder just like you would with a normal Divi page. Since this is a template that has been assigned to all posts for the site, there is a post content module that is necessary for displaying the post content. You will need to keep that module in place, but you can adjust the post content module’s design elements, which will design the post content that is displayed dynamically.

    Editing the post content module to match your site within the Blog Template

    About the Divi Conference Blog Layout

    This blog post template has a lot of dynamic elements that will work with your blog posts immediately. For example, the entire post header is made up of dynamic elements including a featured image as the background, the post title, and the post metadata (date, categories, author, and comment count). This content won’t need updating, but you can tweak the design of each of those elements if needed. Other dynamic elements include the following:

    • Related Posts Module(s) – displays the most recent posts that share the same category.
    • Post Content Module – displays the post content added when editing the post on the backend of WordPress.
    • Comments – a functional comment area for the post.
    • Post Navigation – provides previous and next buttons to the post.

    Here is a quick illustration that identifies the elements of the Divi Conference blog post template.

    Divi Conference Blog Post Layout element breakdown

    However, some elements on a post template will need your immediate attention before using it live on your own website. For this post template, you will need to update the icon module that acts as a back to blog button on top of the comments module.

    The back to blog page Icon Module

    Add Link to Icon Module

    The Icon Module can link back to your main blog page. To do this, you’ll need to add it’s link into the link section of the Icon Module.

    Setting up the link back to the main blog page within the Icon Module of the Divi Conference Blog Post Layout

    New Freebies Every Week!

    We hope you’ve enjoyed the Divi Conference Layout Pack and the blog post template freebie that goes along with it. We look forward to hearing your opinions in the comment section below. Make sure you check back next week for more freebies!

    The post Download a FREE Blog Post Template for Divi’s Conference Layout Pack appeared first on Elegant Themes Blog.