If you have used this theme to build an independent website using WordPress, many people know this theme, and its use range is very wide. So, this article will explain the installation and use of this theme for everyone based on the Divi theme.
Divi theme Introduction:
First of all, let’s take a look at the Divi theme. The biggest feature of the Divi theme is that it has its own system. This system not only means that it has its own page builder but also has a mall, with many developers who will continue to develop new plug-in themes or modules for this theme.
We can find its market here at the bottom. We can see that there is a market here. Here, we can see that it provides a lot of themes, some plug-ins, and some extension modules, all of which have clear sales. The price is high, and their sales volume is relatively high, so it is an independent theme sales platform similar to Themeforest.
Of course, all its template styles or modules are developed based on the Divi system, so rather than saying that Divi is a theme, more accurately, it may now be a system. Of course, no matter how powerful this system is, it still depends on WordPress.
Divi theme module:
In addition to the free version of Divi, the free version contains more than 200 modules, more than 2,000 frameworks, and some template styles for various industries, such as stores or businesses, tob. So, this set of themes is aimed at several groups of people. For example, the first type is page developers, which you can use. There are also some store owners. Of course, you can also build a mall. There are also some freelancers. Anyone can use it.
In addition, let’s take a look at its products. The first one is Divi. We will install the Divi theme for you later. The second one has its own page builder, Divi Builder.
The third one has many extended themes, as well as some email plug-ins or social media sharing plug-ins. This is some of the content of this theme. Of course, this theme is relatively fast because it generally has its own. The code capacity of the page builder theme is very consistent with its theme, so there is no need to have so much redundant code at this time, and it will be relatively faster.
Some of its advantages will also be discussed below. Most importantly, you can build any style page you want without a single line of code.
Divi theme installation:
This is what we know about this theme. We have prepared its installation package on the computer desktop. You can also download this file directly from the Xuedian website. We will also continue to update the version here.
The first one we see is Divi’s main template, which is currently 4.23. This template also contains many styles, and you can import different pages.
Of course, we have prepared a PRO version activation code for everyone. You can directly link to the official template and import it through the activation code. If the activation code fails, then you only need to use the design template here. In addition, it also has some plug-ins, which we will continue to update in this folder in the future. Everyone can use them, and there is also a Chinese package.
Divi theme settings:
Next, we enter our backend, find our theme, install it, upload and select the main program of Divi we have prepared, and click to open and install. After the theme is successfully installed, we activate it directly. After the installation is successful, there will be a Divi button in the function button on our left; we click to open it.
Here, we can see that this is a setting of the Divi theme. The setting items here are comprehensive, including our site’s logo and some colors you can adjust. It also adds performance optimization functions, so you don’t need to install performance plug-ins.
Of course, it also has its own header area and page builder. When we introduced Divi earlier, we told you that it comes with its own page builder, and if you use this Divi theme, then this page builder does not need to install this plug-in separately. It is integrated into this theme, including some layouts. You can also add some pictures to your site as advertisements, and even you can use an SEO plugin. Installing it is unnecessary because it can set up different TDK and some integrations for different pages.
The other is its upgrade module, which has two functions. The first is whether your theme can be upgraded online if you upgrade it later. The second is when you want to import its template, you must use, of course, its API key. These two pieces of information have been provided in our theme package. You can just input these two pieces of information directly into this location. After the input is completed, save it.
The second module is the construction of its theme. This is the same as what we used before. Avada It is very similar. It can be used for different page templates. You can set its header area, body area, and footer area separately. We will talk about it in detail later when we use it.
The third one also has some theme customization settings. The customization settings are basic. It can modify our site’s icon and font background color.
The other is its header, which will be explained to you later. What we want to explain here is that once you install this theme successfully, you can refresh your site, and you will see that it comes with a header. Yes, it can only modify the content in the header. You cannot create multiple headers. This is its limitation. As for other content on the page, it can be modified at will.
So, if you want to modify the header part of this menu, you need to install other plug-ins. For example, we see that there is a Divi super menu. You can only modify this menu if you install such a plug-in, so this is also part of the system, and then, of course, there are some other functions.
Divi theme demo import:
As usual, when we use a business theme, we need to import its demo data first because the Divi theme has a lot of demo data, but the demo data in it, for example, we can see these modules of the store we choose, we can also open a page and see the effect. Let’s preview it. OK, after opening it, we find this page very beautiful. You can edit and modify all the content on this page, including the top. The content logo in the menu and our icon can be modified.
Well, Divi’s theme style is not like our other theme templates. You can import it with one click. It can only be imported on one page. For example, if you need to demo the site’s homepage, then you only need to import the homepage module. Then, You need to import other pages one by one. This is mainly used with its page builder and Divibuilder’s page builder. So now we go directly to our accessories page. In the accessories, we can create A home page.
After entering the page, we first write a title for it. For example, we create a home page and then save it first. Of course, you can also make some selections in the template, which is not provided here. There are too many templates, and then we publish directly.
After publishing, let’s preview this page first. Of course, there is nothing on it. Except for a top menu and a module at the bottom, we will have a choice here. The first one is to use Divi. Editor, the second one is to use the default settings.
Divi page editor:
Of course, we must be using the Divi editor here, so you click Divi builder, and it will directly enter the page wizard. There are three channels to add content to our page. The first is Just to create a new module, which provides the content in a page builder you can edit at will.
The second one is to select a layout page that you saved before, but if you haven’t saved it before, of course, it won’t be there. The third one is to import some of its official templates. We will use the third one directly here, then click to select, and then enter the first one of its official templates where we can import it.
For example, if we want to create a store, we check the online store and then find a style we like. If we choose this style, we can click to open it first and then preview it to see if it meets our needs. If it does, we will import it.
So here you can select this page. For example, if you want to import the head home page, select the home page and then choose layout, and he will start to help us import this page.
After the import is successful, we will save it. Now we go to our home page to refresh. We see that the entire page has been imported. Of course, this is the template we selected, so if you like widescreen, you can find one. Here we are just giving you a demonstration. Then, you can display this page as your homepage. But now we are entering the domain name to refresh it. The homepage is a blog because we created it. We haven’t added this page to our homepage yet. In the default settings of WordPress, there is a reading in the settings. In the reading, we select a page, select home, and then save it.
Now, let’s refresh our site, and the homepage will become the page we just imported. Since it only imports a homepage, the other pages are imported exactly the same way. Well, let’s go back to our backend first. After returning to the background, we can create a similar page and then import a consumption page using the same template.
This template can only be used in this way. Each page is imported separately. This is about the installation of the Divi theme and how to import its data.
