Getting started #
Note : This BlogHub- Divi Blog & Post Layouts Only Work with Divi 5. It is not working with Divi 4. #
In order to install this section layouts pack, you must have Divi Theme if you don’t have then first purchase a membership to Elegant Themes and download the Divi Theme and activate. The Divi Theme is NOT included with this layouts pack.
Steps for import BlogHub- Divi Blog & Post Layouts #
Step 1 #
Download Main Product Zip File & Supplementary Files and then Unzip both folder
170 Divi Blog Templates DEMO
30 Styles – Divi Blog Grid Layouts – 2,3,4 Column
30 Styles – Divi Blog Grid Layouts With Sidebar – 2,3,4 Column
40 Styles – Divi Blog List Layouts – Left Side Image,Right Side Image,2 Column Left Side Image,2 Column Left Right Image
20 Styles – Divi Blog List Layouts with Sidebar – Left Side Image,Right Side Image
10 Styles – Divi Blog Post Layouts [ Blog Single ] [ Import in Divi Theme Builder ]
30 Styles – Divi Blog Carousel Layouts
10 Styles – Divi Blog Landing Pages
BlogHub- Divi Blog & Post Layouts Folder Structure
Main Product File
You can see here Individual styles in folder and All styles json file for each blog part.
“Individual – Landing Pages” Folder -> see Header-Footer-Import in Divi Theme Builder folder and import in Divi -> Theme Builder
“Individual – Post Layouts” and BlogPostAllStyle.json -> Blog Single Template – import in Divi -> Theme Builder
Supplementary Files
Each Blog Layouts Folder has same post xml so you can import any one xml file.
For XML Import – Read How to Import Blog XML.txt
For WidgetImport – Read How to Import Widget.txt
Open “Advanced Custom Fields ACF Plugin” Folder and Read How to Import ACF JSON File.txt
Step 2 #
Login into https://www.elegantthemes.com/members-area/login/
Once Login then browse https://www.elegantthemes.com/members-area/divi-5/
Go to Themes and Upload Divi 5 Theme and Activate that theme
Step 3 #
Go to Divi -> Divi Library -> Click on “Import & Export” Button -> Select Import Tab -> Select Json file (e.g Landing Pages ALL.json) -> Click on “Import Divi Builder Layouts” Button
Here we have import all “Landing Pages ALL.json” JSON file
Import Data Processing
Step 4 #
Now Landing Pages ALL Data imported successfully
Step 5 #
Go To Pages and Create Page -> Use Divi Builder
Click on ‘+’ Icon
You can check wireframe view
For Carousel Layouts ALL.json