Layout Installation Guide

How To Import Divi Layout :-

Steps for importing layout:

1. Open WordPress Dashboard -> Activate Divi Parent Theme -> Start By Downloading Zip File and Xml File

2. Unzip files and you will find copy of each ie XML File(media.xml / post.xml rarely project.xml too), Layout JSON File, and CSS File / JS as applicable.

3. Import post xml / media xml(project XML if applicable) file under Tools -> Import -> WordPress Import

4. Import Layout (.json) file under Divi -> Divi Library -> Import & Export Button

Further Explaination :-

– For ‘ Blogging ‘ we have created JSON file for each version that you can import via Page / Library both.
That is you can find 2 folders in Zip folder as A.Library JSON B. Page JSON.

– In Each folder you will find JSON files for each Blog version. You need import one version at a time to make
it work ie for example if you want to load ‘Blog Grid V1 ‘ you need import ‘Blog Grid V1 Library.JSON‘  as mentioned in the step 4.

– Similarly you can import all Blog Version’s Individually

5. After importing JSON files you will see as below:

Go To Divi Library

6. Add New Page and Click on “Load Layout”

7. Select layout

8. After selecting the layout ‘Publish Page ‘ and see at the front end and go to step 9.

OR

If you face any issue during loading then you can upload JSON ” Via Page ” as per screenshot below.

9. Add “.css” file in your child theme and Enqueue your style using wordpress function
wp_enqueue_style

OR

Copy CSS from file and “ PASTE “ under Divi -> Theme Option -> General -> Custom CSS

10. Add JS Code:

 Go To “Divi Theme Option” & Click on “Integration” Tab

In Code Section -> Add JS Code In <>head<> Tag as shown in the screenshot ie blog-layout.js Code available in the product Zip File

How To Import Logo?

This is available as separate ‘ JSON ‘ file as ‘ Logo.Json ‘ file and do not get confused it with ‘Blog Layout ‘ Json files.

To Import Logo Go To Divi -> Theme Option -> Import JSON by clicking ‘ Arrow ‘ at the top and Click on Import.