- File Structure
- Installing the Child Theme
- Required Plugins
- Import Easy Property Listing Settings
- Import Demo Content
- Import Customizer Settings
- Import Divi Theme Options
- Import Divi Builder Layouts
- Import Divi Theme Builder Templates
- Set Navigation
- Set Footer
- Set Home and Blog Page
- Set Sidebar
- Divi 4 Templates
- Using Easy Property Listing Pages
After the purchase of the Divi RealEstate child theme, you’ll get the following files once you extract the main zip file.
- divi-realestate.zip (install this one).
- divi-realestate-supplementary-product-files.zip contains the following files,
- Divi Builder Layouts folder (contains individual layouts for Divi Library).
- Divi Theme Options.json
- Divi Customizer Settings.json
- All Divi Builder Layouts.json
Installing the Child Theme
On your WordPress Dashboard go to Appearance >> Themes >> Add New >> Upload Theme >> Choose File.
- Browse the theme file divi-realestate.zip on your computer and then click on Install Now.
- On the next window, after installation click Activate.
Install Easy Property Listings Plugin
When the child theme is installed, it prompts for installing the required plugin – Easy Property Listings. Install and activate the plugin following the steps as shown on the screen.
Import Easy Property Listing Settings
- On the WordPRess Dashboard, go to Easy Property Listings >> Tools.
- Click Choose File and browse the epl-settings-export.txt file available in the supplementary product zip file and click Import. This will enable the settings as per the demo site.
- In order to use Google map, you need to obtain an API key from Google and enter it on Easy Property Listings >> Settings >> Advanced Settings >> Google Map APi Key inputbox.
Import Demo Content
- Extract the divi-realestate-supplementary-product-files.zip file.
- Go to WordPress Dashboard >> Tools >> Import.
- Click Install Now under the WordPress section.
- Click Run Importer.
- Click the Choose File button.
- Browse the content of the extracted supplementary zip file and select content.xml file.
- Click on Upload file and import.
- On the next screen (Assign Authors) page, either create a new user account by providing a username in the input field or assign posts to an existing user by selecting an existing user on your website.
- Under the Import Attachments section, select the checkbox Download and import file attachments to import the media content while importing the content. This will include the demo.
- Click Submit.
- The process takes a little time. Once done, the demo content will be imported on the site.
Import Customizer Settings
- Go to WordPress Dashboard >> Appearance >> Customize.
- Click on the Import & Export icon on the top left corner between the Exit (X) and the Publish button.
- Click on Import.
- Click on Choose File.
- Browse the supplementary files directory and select Divi Customizer Settings.json.
- Click on Import Divi Customizer Settings.
- The changes will be saved automatically after the import. Exit the Customizer.
Import Divi Theme Options
- Go to WordPress Dashboard >> Divi >> Theme Options.
- Click on the Import & Export icon.
- Click on Import.
- Click on Choose File..
- Browse the supplementary files directory and select Divi Theme Options.json.
- Click on Import Divi Theme Options.
- Save the changes after the import and exit the Divi theme builder.
Import Divi Builder Layouts
- Go to your WordPress Dashboard >> Divi >> Divi Library.
- Click on the Import & Export button.
- Click on Import.
- Click on Choose File.
- Browse the supplementary files’ directory and select All Divi Builder Layouts.json file, if you want to import all the layouts at once. Or you can select a single file at a time as required.
- Click on Import Divi Builder Layouts.
- This process would take a little time. Once done, the Divi Builder Layouts will get imported on the site.
- Hint: Post templates are not imported to the Divi library. They are imported to the Divi Theme Builder when you import the Theme Builder templates in the next step. Individual layout files for posts are also included in the Divi Builder Layouts directory of product supplementary zip file.
Import Divi Theme Builder Templates
- On WordPress Dashboard go to Divi >> Theme Builder.
- Click on the Import & Export/ Portability icon.
- Click on Import.
- Click on No File Selected to open the file upload window.
- Browse the supplementary files directory and select Divi-Theme-Builder-Templates.json.
- Click on Import Divi Theme Builder Templates.
- Click on Save Changes. The following templates are created after importing the Theme Builder.
- Default Website Template- with custom global header. The global header template uses a custom build fullwidth menu and dynamic post title with featured image. The global header also uses a background image that can be changed by going to Layers (bottom right corner while editing the Global Header, then expand Section >> Full Width Post Title and finally upload the image on the Background section.
- Homepage- This template excludes the global header from displaying on the homepage. It includes its own menu with no title and featured image. This template can be assigned to any page where you don’t want the title and featured image section on the page.
- Blog- This template works as the blog page. To make it work, go to Reading settings and select the Blog from the imported page as the Posts page. This is one of the multiple blog layouts available in the child theme. Edit the body of this template and import the preferred blog layouts which are already imported in Divi Library.
- All Archives– This is the layout assigned to all archives by default.
- Search Results– Template to display the search results.
- 404 Page– Template for the 404 page.
- Multiple blog layouts- Assign the available blog layouts to one or all blog and archive templates.
- Multiple post layouts- Assign the available post layouts to all or selected posts.
- Multiple search result layouts- Assign one of the available multiple search layouts as search result template.
Go to the WordPress Dashboard >> Appearance >> Menus.
- On the Edit Menus tab, select the Primary Menu from the list and click Select.
- On the Menu Settings area, in the Display location, check Primary Menu and click Save Menu.
- There are also other menus (Footer Menus, Pages and Listings). They are used on footer and you can create their own menu as required.
The default footer is created using the Sidebar Footer 1-4. These include Text Widget, Navigation Menu, Text widget, and Text widget respectively. Add your content to the widgets to get the desired footer.
Set Home and Blog Page
- Go to WordPress Dashboard >> Settings >> Reading.
- Under “Your homepage displays”, select “A static page (select below)” option.
- Under Homepage, open the list and select Home as your page.
- Under the Posts Page, open the list and select Blog as your page.
- Save Changes.
- Open the readme.md available in the child theme root directory.
- It has the demo code for the sidebar widgets.
- The theme registers a new sidebar named EPL Sidebar. The demo uses EPL – Listing Search and EPL Contact form module on this sidebar. The default Divi theme sidebar also uses EPL – Listing Search and EPL – Contact Form.
Importing the Alternate Divi 4 Templates for Post, Blog and Search Results Manually.
This step is not usually required as the Blog, Search and Post Layout template will be imported in above steps. But can be used to import selective layouts later or in case if a layout is deleted from the Divi Theme builder.
- Go to the WordPress Dashboards >> Divi >> Theme Builder.
- For Post layouts- edit the post template body and import the desired post layout from the product supplementary files. By default Post Templates are imported along with Divi Theme Builder import and this step is only required if you have removed the templates from Divi Theme builder and want to import a specific post template again.
- Follow the same approach for blog and search as well.
Using Easy Property Listing Pages
The Divi RealEstate child theme is designed to work with Easy Property Listings (EPL) plugin. You could use the shortcodes from the EPL in the page content as required.