How to use blogy custom Divi layouts package

Oct 29, 2020 | Divi Resources

How to use Blogy post & blog layout package easily

We’re recently receiving a number of tickets from our users that they are unable to use layouts available in the Blogy package. And if you’re one of them, this tutorial will help you successfully unpack, import, and use the layouts effortlessly.

So, without taking any time further, let’s get started.

Take a look at the default Post and Blog page Layout

Before we start the process to use layouts available in the Blogy package, we should take a look at default posts and Divi archives. In this way, we’d be able to know what changes the layouts will reflect after using them.

Divi default post layout

Default Divi Post Layout

Default Divi blog page layout

Default Divi Blog Page Layout

Unpack Blogy

Assuming, you’ve successfully downloaded the Blogy package either from the Elegant Themes Divi Marketplace, Or Divi Extended. The following single file you get when you download it.

When we extracted the package, we get the following files.

Extracted blogy Divi layouts package

  • changelog.txt – To give detailed information about the updates.
  • Divi-Theme-Builder-Templates.json – This is the layout file that includes the Blog & Post templates. It is required to import the layouts.
  • – To provide information about the author of the package.
  • – It includes the instruction or links to the instruction and support page.

Import the layout

Before you import the Blogy layouts, if you’re not aware how the Divi Theme Builder works, then you can read this post.

Now to import the Blog and Post templates to your Divi theme website, go to the Divi Theme Builder. The following steps would help you successfully import the layouts.

On your WordPress Dashboard Go to Divi → then Theme Builder.

Steps to open Divi theme Builder

It will open the following window, where you need to click the () Portability icon to open the options to import the layouts.

Import Blogy layouts in the Divi Theme Builder

When you click the portability icon, it will open the following options. Choose import.

Import and Export options in Divi

And in the import option, click No File Selected, to locate the layouts file and import it.

Uploading Blogy layouts file

Choose the Divi-Theme-Builder-Templates.json to import the layout files.

Blogy layouts file in the local system

After uploading your layouts file, uncheck all the additional options avaialbe in the import menu. And click, Import Divi Theme Builder Templates.

Imported Blogy layout file in the Divi theme builder

The import process will take some time, depending upon the hosting you’re using. Once the import gets successful, you’ll get all the templates shown in the below screenshot.

The layouts have imported, let’s assign them on your Blog and Posts.

Assign the layout

Before we assign the layout to our blog page and posts, it’s important to know that layouts are meant to reflect the design. Meaning, whatever content we’ll publish, it will render or appear in the layout’s design. We cannot edit templates for the sole purpose of publishing our content through it. However, we can make changes to the design the custom templates have. But they can’t be used to publish the content. You have to publish the content separately, and the template will display them in their design.

Feels like advanced user info ☺️. Don’t worry, the following steps will guide you on how to efficiently use the custom templates that come with the Blogy.

Go to a particular template and click the (⚙️) Settings icon.

Assign blog layout in Divi theme builder

It will open the following Template Settings menu with template assignment options.

Template assignment list in the Divi theme builder

Assign Blog template

First, assign your desired blog template to the blog.

Assigned blog template in the Divi theme builder

If you’re using the homepage as the blog of your website, then select it, too.

Assign Post template

Then, assign your desired post layout to the posts. If you want to apply the layout for a specific post, then select that post in the specific post option.

After assigning the layouts, click Save Changes. We’ve successfully assigned our custom templates to the post and blog. Let’s see how they look like.

Create a post and refresh blog page

Go to your blog page and see how it looks. Refresh it, if you don’t see the layout applied to your blog page. In my case this is how the blog page looked like.

Note: Make sure you’ve created a blog earlier or assigned a blog page in WordPress’ Reading Settings.

The below is how my post looked after I assigned a custom template for the post in the Theme Builder.

Assigned post layout

In a Nutshell

Using the templates available in the Blogy custom layouts package is very straightforward. And if you want to remember the process for a longer period, then you can go through the below points.

  • Unpack Blogy
  • Import the layout
    • Go to the Divi Theme Builder
    • Use Portability option
    • Choose Divi Theme Builder Templates JSON file
  • Assign the layout
    • Click the settings icon on the template
    • Manage template assignment
  • Assign it to the locations from the list
  • Save Changes
  • Refresh Blog or Post page

By following the above steps, you’d be able to easily assign your custom post and blog templates available in the Blogy package. And they’ll start reflecting their design on your content.

Posted By:
Vishvendra believes in the keep learning process and applying those learnings into work. Other than technical writing, he likes to write fiction, non-fiction, songs, and comic ideas. He loves what he writes and writes what he loves. Search his name with "Nathawat," and you'll easily find him over the internet.


Submit a Comment

Your email address will not be published. Required fields are marked *


Submit a Comment

Your email address will not be published. Required fields are marked *

Add Wishlist Icon to Divi Shop With the New Wishlist Manager

Add Wishlist Icon to Divi Shop With the New Wishlist Manager

Have you ever considered adding a wishlist button to your Divi WooCommerce site? If not, you should consider implementing it this year on your website. Because it’s found in Google’s research that 40% of consumers prefer to explore a digital store that offers the...

12 Effective Ways to Optimize Your eCommerce Website With Divi

12 Effective Ways to Optimize Your eCommerce Website With Divi

To get better at online sales, you need to optimize eCommerce website of yours. Without optimizing it, it would be much, much harder to accomplish your business goals online. An engaging design for eCommerce websites is great, but that should be done thoughtfully. You...

Popular on Divi Extended

Divi Plus WooCommerce Extended Divi Child Theme Divi Header Layouts