The Construction Layout for Divi is a layout created by team Diviflash. In this article, we will provide you with a comprehensive guide on how to use this layout. Let’s begin:
Step 1: Download the layout’s zip file and unzip it.
Step 2: Install and activate the Divi Theme.
Step 3: Install and activate the DiviFlash Plugin.
Step 4: Before proceeding please make sure you have the following DiviFlash modules active. Require modules for this Layout:
- Advanced Blurb
- Advanced Person
- Post Carousel
- Post Grid
- Business Hour
- Advanced Carousel
- Dual Button
- Testimonial Carousel
- Filterable CPT
Note: These modules must have been activated before importing the layout.
To enable DiviFlash’s modules, please follow these steps:
- Navigate to DiviFlash in your WordPress dashboard.
- Select ‘Modules’ from the menu.
- Enable DiviFlash’s modules by clicking on the corresponding option.
Step 5: Once all modules are activated, proceed to import the Divi theme options settings. Follow these steps to import the theme option’s JSON file successfully:
- Go to Divi => Theme Options.
- Click on the “Import & Export” icon.
- Select the “Import” tab.
- Choose the JSON file named ‘Divi Theme Options – Construction Layout – DiviFlash’.
- Finally, click on ‘Import Divi Theme Options’.
Step 6: Now import the Theme Builder settings. To import the Theme Builder Settings, navigate to the following steps:
- Go to Divi => Theme Builder.
- Click on the “Import & Export” icon.
- Select the “Import” tab.
- Choose the JSON file named ‘DiviThemeBuilderTemplates-ConstructionLayout-DiviFlash’.
- Click on ‘Import Divi Builder Templates’.
Step 7: Another setting you need to import is Theme Customizer Settings. To import the Divi Theme Customizer settings follow the following steps:
- Navigate to Divi => Theme Customizer.
- Click on the “Import & Export” icon.
- Select the “Import” tab.
- Choose the JSON file named ‘Divi Customizer Settings – Construction Layout – DiviFlash’.
- Finally, click on ‘Import Divi Customizer Settings’.
Step 8: Next, we will proceed to import all the page layouts into the Divi library. You will find individual or all-in-one JSON files for each page that need to be imported.
To import these files into the Divi library, please follow the steps below:
- Navigate to Divi => Divi Library.
- Locate and click on the “Import & Export” button.
- Within the options that appear, select the “Import” tab.
- Choose the page’s JSON files one by one from your device.
- Click on the “Import Divi Builder Layouts” button.
For further guidance, you can follow this: How to import Divi Layout Pages.
Step 9: Page Creation: How to create pages with Divi Layouts From Library.
Step 10: Last thing you need to do is to create a menu. We have a guide to on Divi layout menu customization.
NOTE: To get the button in the you need to add a CSS class.
Thats it. Now the layout looks exact same as our demo layout. If you don’t see anything on your blog section or page and in filterable project section. It’s because you don’t have anything here. You need to add projects and blog posts to show on those sections.
