Installation

To install Zubia Child Theme for Divi in WordPress, first download the child theme file from a trustworthy source (as Elegantthemes, the only place where i currently sell the theme) and save it to your computer. Then log in to your WordPress dashboard, go to Appearance > Themes, and click on the “Add New” button. From there, click on the “Upload Theme” button, select the child theme file you just downloaded, and click “Install Now”. Once installed, activate the child theme by clicking the “Activate” button and customize it to your liking using the Divi > Theme Builder. It is important to always make a backup of your site before installing any new themes or plugins.

One Click Demo Content

You can install Zubia with the one-click demo import tool, which will install all the pages and settings in one go. If this method doesn’t work in rare cases, you can opt for manual installation. To start the process, you can download two folders, zubia.zip and supplementary-files.zip, from your dashboard. In this section, we will guide you through the automatic demo import process.

In the WordPress administration area, navigate to the menu that says Zubia Demo Importer and press the Easy Demo Import button. On the screen, the respective imports that will be performed and the possible risks will be displayed. This import method will create an exact copy of what you see in the demo of the child theme, with the exception of the images, which are replaced with placeholders.

Manual Demo Content

The necessary JSON files for creating the content of the pages and structuring the theme through necessary templates in the Theme Builder can be found in the supplementary files.

The supplementary files must be first extracted to your computer. To import the content of the pages, we will use the file called pages-layouts.json, which we will import by navigating to Divi > Divi Library, clicking on Import/Export, selecting Import, and choosing the aforementioned file to be loaded (it is recommended to check the box that says “Import Presets”).

To use these imported layouts, we must create or modify an existing page, then create the content using the Divi visual builder. In the bottom bar of the visual builder, we have the option to use the layout on the page. This process must be repeated for each page that you want to use from the child theme.

The final step is to import the theme structure. To do this, the file called zubia-theme-builder.json must be imported. Navigate to Divi > Theme Builder, and in the upper right corner select the portability option (2 arrows), select Import, and upload the file. Once the structure is imported, press Save (green button on the top left).

Zubia Theme Adjustments

As you may have noticed in the previous step, the theme structure was created with the theme builder, so it is here where you can adjust or modify the theme to your liking. Each part of the theme is clearly named, such as header or footer, so if you want to make a change, just edit the templates.