--- title: "How to Use BlogHub- Divi Blog & Post Layouts?" description: "### 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](https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=47611) if you…" url: "https://divi-professional.com/docs/how-to-use-bloghub-divi-blog-post-layouts/" updated: "2026-05-27" category: "BlogHub- Divi Blog & Post Layouts" --- # How to Use BlogHub- Divi Blog & Post Layouts? ### 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](https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=47611) if you don't have then first purchase a membership to [Elegant Themes](https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=47611) and download the [Divi Theme](https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=47611) and activate. The [Divi Theme](https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=47611) 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 ](https://divibloglayouts.com/)** 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. ![How to Use BlogHub- Divi Blog & Post Layouts?](https://divi-professional.com/wp-content/uploads/2025/10/BlogHub-Divi-Blog-Post-Layouts-Folder-Structure.png) "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** ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/10/BlogHub-Divi-Blog-Post-Layouts-Folder-Structure-1.png) 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 How to Download Divi 5? Login into [https://www.elegantthemes.com/members-area/login/](https://www.elegantthemes.com/members-area/login/) Once Login then browse [https://www.elegantthemes.com/members-area/divi-5/](https://www.elegantthemes.com/members-area/divi-5/) ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi-5-Elegant-Themes-Members-Area.png)   **Go to Themes and Upload Divi 5 Theme and Activate that theme** ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step1.png) ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step2.png) ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step3.png) ##### 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 ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step4.png) Import Data Processing ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step5.png) ##### Step 4 Now Landing Pages ALL Data imported successfully ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/10/BlogHub-Divi-Blog-Post-Layouts-Import-1.png) ##### Step 5 Go To Pages and Create Page -> Use Divi Builder ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/08/Divi5-Kit-Step7.png) Click on '+' Icon ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/10/BlogHub-Divi-Blog-Post-Layouts-Import-2.png) ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/10/BlogHub-Divi-Blog-Post-Layouts-Import-3.png) ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/10/BlogHub-Divi-Blog-Post-Layouts-Import-4.png)   You can check wireframe view ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/10/BlogHub-Divi-Blog-Post-Layouts-Import-5-.png)   **For Carousel Layouts ALL.json** ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/10/BlogHub-Divi-Blog-Post-Layouts-Import-6-.png) ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/10/BlogHub-Divi-Blog-Post-Layouts-Import-7-.png) ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/10/BlogHub-Divi-Blog-Post-Layouts-Import-8-.png) ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/10/BlogHub-Divi-Blog-Post-Layouts-Import-9.png) ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/10/BlogHub-Divi-Blog-Post-Layouts-Import-10.png) ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/10/BlogHub-Divi-Blog-Post-Layouts-Import-11.png) ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/10/BlogHub-Divi-Blog-Post-Layouts-Import-12.png) ![Divi Layouts Pack](https://divi-professional.com/wp-content/uploads/2025/10/BlogHub-Divi-Blog-Post-Layouts-Import-13.png) #### **Support** If you have any query send email [diviproductsprofessional@gmail.com](mailto:diviproductsprofessional@gmail.com). OR [Contact Us](https://divi-professional.com/contact/) ### FAQ ##### How to import BlogHub Divi Blog & Post Layouts XML File Import? ##### How to Import BlogHub Divi Blog & Post Layouts Widget File Import? ##### BlogHub Divi Blog & Post Layouts ACF File Import ##### BlogHub Divi Blog & Post Layouts Import Landing Page ## **Support** If you have any query send email [diviproductsprofessional@gmail.com](mailto:diviproductsprofessional@gmail.com). OR [Contact Us](https://divi-professional.com/contact/)