Blogy – Divi Blog Layout Pack Documentation

easy instructions to get you started


A download link is sent in the order confirmation email. The product can also be downloaded from My Account area.

File Structure

After the purchase of the Blogy – Divi Blog Layout Pack, you’ll get the following file.

The product version may vary depending upon the current version you’ve purchased from the Divi Extended store.

Method 1:

Steps to Import All Layouts at Once Using Theme Builder Import File-

  1. After downloading the, Extract it to get available layouts files inside the package.
  2. Then on WordPress Dashboard >> go to Divi Menu >> Theme Builder.
  3. Click on the Portability Icon, next to the Page Setting & Editing History icon. Then navigate to the Import tab.
  4. Now, click on the Choose File option, and browse for the All-Divi-Theme-Builder-Templates.json.  Select the Options on the screen as required. You don’t need to check the Override the Default Website Template.
  5. After selecting the file, click Import Divi Builder Layout.
  6. Then, click Save Changes on the main Divi Theme Builder page.
  7. This will import al lthe layouts to the Divi Theme Bulider. Select the one you want to apply to your blog page and assign it to Blog page.
  8. Edit the template to replace the lorem ipsum text and configure opt in form.

Steps to Import Individual Layout Using Theme Builder Import File-

  1. Follow the all steps 1-7 from above. However on step 4, don’t import the All-Divi-Theme-Builder-Templates.json. Instead browse the respective directory for the layout and upload the Divi-Theme-Builder-Templates.json file.

Method 2:

Import the Layouts Individually on a Page, Post or Anywhere Using Divi Builder or While Editing the Body of a Template in Divi Builder

  1. Export the file. Extract it to get available layout files.
  2. Navigate to the layout directory. There are 2 files available in each directory. One for the Divi Template Layout, One for the Divi Library Layout.
  3. Import the Divi Builder Layout.json file to a page by dragging the file to it or using the portability icon.

Custom CSS Used in These Post Layouts

Some layouts uses custom CSS. In order to make the changes edit the Code module titled as Custom CSS available on the layout.