Construction Layout for Divi, created by the DiviFlash team, can be added to your site using two different import methods:
- Method 1: Using the DiviFlash layout importer (recommended).
- Method 2: Manually importing the layout.
We will provide you with comprehensive instructions on how to use this layout using both methods. Let’s begin:
Method 1: Using DiviFlash Layout Importer
Step 1: Install and activate the Divi theme.
Step 2: Install and activate the DiviFlash plugin.
Step 3: In your WordPress dashboard, go to DiviFlash > Layouts and search for “Construction”
Step 4: Hover over the Construction layout and click on Import Layout button
- A popup will appear with layout settings and server requirements. Make sure all items show green checkmarks. If you see red crosses, fix your server settings and then click “Start Importing.”
- The import process may take a few minutes to complete.
- Once the import is complete, click on “Menu Customize” to begin customizing the menu for the imported layout. Follow Divi Layout Menu Customization guide.
Step 5: Set your homepage and blog page.
- Go to WordPress Dashboard > Settings > Reading.
- Below “Your homepage displays,” select “A static page.”
- Choose “Home” from the homepage dropdown menu.
- Choose “Blog” from the post page dropdown menu.
- Click on “Save Changes” to save it.
Step 6: Construction Layout comes with a popup that you will find by going to WordPress Dashboard > DF Popups > All Popups.
The Construction layout has been successfully imported and is now live on your website.
Method 2: Manually Import the Layout
You can also manually import the Construction layout by following these instructions:
Step 1: Install and activate the Divi theme.
Step 2: Install and activate the DiviFlash plugin.
Step 3: Download the Construction Layout file from the DiviFlash website and unzip it.
Step 4: Ensure that the following DiviFlash modules are activated, as they are essential for the layout to function smoothly:
- Advanced List
- Post Grid
- Filterable CPT
- Advanced Blurb
- Content Toggle
- Advanced Person
- Timeline
- Advanced Carousel
- Testimonial Carousel
- Post Carousel
- Advanced menu
Step 5: Import the “Divi Theme Options” file into the Divi Theme Options panel:
- Navigate to WordPress Dashboard > Divi > Theme Options
- Click on the “Import & Export” icon in the top right corner
- Select the Import tab and click “Choose Files” to upload the JSON file named “Divi Theme Options Settings – Construction Layout – DiviFlash.json”
- Finally, click on “Import Divi Theme Options”
Step 6: Import the “Theme Builder” file into the Divi Theme Builder panel:
- Navigate to your WordPress dashboard and go to Divi > Theme Builder
- Click on the “Import & Export” icon in the top right corner
- Select the Import tab and click “Choose Files” to upload the JSON file named “Divi Theme Builder Settings – Construction Layout – DiviFlash.json”
- Finally, click on “Import Divi Theme Builder Templates”.
Step 7: Import layout pages file into Divi Library:
- Navigate to your WordPress dashboard and go to Divi > Divi Library
- Click on the “Import & Export” button on the upper left
- Select the Import tab and click “Choose Files” to upload the JSON file named “All In One – Construction Layout – DiviFlash.json” (You can also import individual layout pages one by one by using their respective JSON files.)
- Click on the “Import Divi Builder Layouts” button.
Now create new pages corresponding to the imported Divi Library items. Follow this guide on how to create pages with Divi Layouts from the Library.
Step 8: Import the “Theme Customizer Settings” file into the Theme Customizer
- Navigate to WordPress Dashboard > Divi > Theme Customizer
- Click on the “Import & Export” icon on the top left corner.
- Select the Import tab and click “Choose Files” to upload the JSON file named “Divi Theme Customizer Settings – Construction Layout – DiviFlash.json”
- Finally, click on “Import Divi Customizer Settings”.
Step 9: Import the Media file for the layout
- Navigate to WordPress dashboard > Tools > Import
- Click on Run Importer under the WordPress
- Click on “Choose File” and import the “Media – Construction Layout – DiviFlash.xml” file and click “Upload file and import”.
- Assign the author (or skip this step), then check the “Import Attachment” option and click “Submit” to save your changes.
Note: By following the same steps (WordPress dashboard > Tools > Import > Run Importer under the WordPress), you have to import Project .xml files.
Step 10: Import the popup file
- Navigate to WordPress Dashboard > DF Popups > Import & Export
- Under the Import section, click on “Choose File” and select “DF-Popup – Construction Layout – DiviFlash” JSON file.
- Click the “Import” button.
Step 11: Publish the Imported Popup
- Go to WordPress Dashboard > DF Popups > All Popups
- Click Edit below the popup name.
- Then click the “Publish” button.
Step 12: Set your homepage and blog page.
- Go to WordPress Dashboard > Settings > Reading.
- Below “Your homepage displays,” select “A static page.”
- Choose “Home” from the homepage dropdown menu.
- Choose “Blog” from the post page dropdown menu.
- Click on “Save Changes” to save it.
Step 13: Create a menu for the imported layout. You can follow the Divi Layout Menu Customization guide.
Now your website should look exactly the same as the Construction layout!
Any Questions?
If you have any questions, please feel free to contact our support team at [email protected]
