Black Friday Super Sale 2024 Starts in

0Days

0Hours

0Minutes

0Seconds

WIN AN iPAD, LIFETIME MEMBERSHIP
×
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.

Download blogy

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.
  • license.md – To provide information about the author of the package.
  • readme.md – 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.

Divi blog layouts pack

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.

Assign post layout to posts

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.

Blogy

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
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.

0 Comments

Submit a Comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments

Submit a Comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

How to Check Fonts Used on a Website (an Easy Guide)

How to Check Fonts Used on a Website (an Easy Guide)

A website should only use a maximum of three fonts for its content. Therefore, you ought to be careful about your font choice for readability. With a wide variety of fonts, you might get confused about the best to use. Luckily, there are some reliable online tools you...

Black Friday 2024 WordPress Themes and Plugins Deals

Black Friday 2024 WordPress Themes and Plugins Deals

40% sitewide discount. Freebies and much more.40% sitewide discount. Freebies and much more.Up to 73% off.Get 50% off on all new licenses.Enjoy a 50% discount for your first year on any purchase.30% off WordPress plugins and services.Up to 40% off.Up to 40% off.Up to...

Divi Extended Black Friday Sale
Divi WooCommerce Extended