Divi: WordPress Template Tutorial


This tutorial has been prepared so that you can take full advantage of all the benefits of Divi, a powerful WordPress template that you can use in the management of your website.

About a decade ago there was a major limitation for anyone who wanted to get a website that suited their needs and desires. If you did not have knowledge in PHP, HTML or CSS programming, the possibilities were reduced to depend on a programmer to manage our portal with the consequent administrative expense.

All this has been left in the past with the arrival of platforms that make life easier, as is the case of WordPress. A person with minimal knowledge in creating Web pages can rely on tools like Divi and manage comfortably and easily your own Portal

I want to download DIVI

Divi one of the best WordPress templates

More and more people are leaning towards using Divi as a WordPress theme or template to manage their portals, and this fact is not a coincidence.. This happens for the following reason: Divi is the easiest and most intuitive template for a newbie to use. Easy and intuitive template that a novice can use without the need to know any kind of programming language.

This is not to say that it is only used by the inexperienced. Experienced and professional programmers make constant use of Divi because of its versatility. This alternative offered by the company Elegant Themes Inc. has been a marvel for those professionals has been a marvel for those professionals (chefs, stylists, lawyers, etc) that need to make themselves known through the Internet world, but do not have the time to learn to have the time to learn how to program.

It is true that in WordPress there are a lot of completely free templates, but they tend to be little customizable. Divi is very versatile when it comes to adapt it to your taste and best of all is that it is very easy to do, which makes it worth acquiring. An extra plus is that by getting the Divi template, you will also be able to have many more themes and plugins available.

I want to download DIVI

Why use Divi by WordPress

Divi is a general template, i.e. it is applicable to any theme and style. It results in a very professional look and its popularity is impressive. its popularity is impressive. Below I will detail compelling reasons to use Divi in WordPress

Professional Quality

This template is supremely compatible with plugins that speed up the work and give an enjoyable presentation. In addition, it takes advantage of the speed at the time of receiving traffic of considerable view traffic.

Unlimited customization

Unlike free themes that are usually limited and some with a somewhat shoddy presentation, Downloader Divi is ultra-customizable. You will be able to customize elements such as: logo, title typography, menu or content. It has a rich palette of colors to apply to the environment or the implementation of custom backgrounds.

Assistance and support

Because it is a job that is rewarded by the monetary acquisition of the users, you will always be assisted by the team of programmers in the improvements that will be integrated over time. In addition, you will always have at hand the necessary documentation in different formats so that you can get the most out of your different formats so that you can get the most out of it.


Divi’s programming team strives to keep the defense shields active and reinforced, against cyberattacks that against cyber-attacks that may affect the work of those who have placed their trust in the platform.

Quality vs. price ratio

It is true that in order to get Divi you will need to pay a fee. However, this is by no means excessive in comparison to everything you offer in your package. On the other hand, it is an investment for the future, because when you make a redesign, you will be able to do it using this template. do it using this same template.

How to Install Divi in WordPress

Once we have analyzed all the advantages that the Divi template can offer, it is Divi template can offer, the most logical thing is that you want to install it and start taking take advantage of each of its benefits. I show you how to do it.

After you’ve purchased the Divi template, you will need to install it by following these 5 easy steps:

  1. Go to Elegant Themes from your login.
  2. In downloads choose Divi and click the button. “Download” button. The template will be downloaded in compressed format, so it will be necessary to unzip. Necessary to unzip.
  3. From WordPress, you must go to Appearance, then go to Theme and select “Add a new one”.
  4. Click the “Upload Theme” button and navigate in your PC browser to locate the Explorer on your PC to locate the folder you have unzipped. Select and finally click on “Install”
  5. Once it is correctly installed, you will need to activate it to apply the effects.

After completing the whole installation process, you should proceed to configure it so that you can proceed to configure it so that you can use its basic options.

Basic configuration of Divi on WordPress

Now I will focus on explaining the configuration of the first level next to each level along with each element that composes it, and then we’ll see a step by step of how to create a Website with Divi.

Theme options

This is the most basic and elementary configuration for creating a portal in Divi. Through this level you will be able to adapt your logo, set a theme and keep it up to date, set up the navigation menu, etc. This is the most basic and elementary setup for creating a portal in Divi, etc.

If you go to the left side panel, you will be able to find the Divi icon. If you position the cursor over that icon, all the available options will be displayed. available options where you should select “Theme Options”. From here, you will be able to adapt every aspect of your blog through a series of tabbed options. options arranged in tabs.

Now, I will briefly describe each of the tabs of the tabs of the “Theme Options”


From this tab you can assign your custom logo, the page icon, activate or not the navigation bar to keep it fixed or always present. You can also add links to your social networks and activate them by icons that you can place anywhere you want, place the Google place the Google API to make geolocation work and set an “UP” button to go back to the set an “UP” button to return to the first section with a single tap.


From this section you can manage everything that has reference to the navigation of the portal. You can remove undesirable links, activate or not drop-down menus and assign a fixed amount of them.


This section allows all the CSS to be compiled into a single static block in a single static block, which undoubtedly greatly improves the performance of your portal. My recommendation is to leave the default options as they are, because they are already configured. they are, because it is already configured so that you can get the best optimization of the Website. This section allows the entire CSS to be compiled in a single static block of the Website.


From this tab you can manage everything that has to do with the categories to do with categories, comments, date and author. You can decide to deactivate or activate each of them, so that they are visible on the blog.


In case you want to monetize your portal through advertising, you can use this advertising, you can use this section to include banners with all the elements that compose it. elements that compose it.


This is an interesting option, which allows you to manage SEO strategies in the title or in defined sections both on the home page and in other particular entries. A popular and highly recommended plug-in is Yoast SEO, which will allow you to get the most out of your website’s strategic positioning.


As the name suggests, in this tab you will be able to integrate any code, such as the <head>, <body>. tags of an HTML document; tags of an HTML document.

If you are a programmer, you will find this section very useful, where you can, you will be able to change elements of the structure of an HTML document using libraries jQuery libraries. On the other hand, you will also be able to integrate Google Analytics codes for your respective tracking or any other marketing tool.


The last but not the least tab has to do with updates. You must enter the required data in this section in order to be able to you will be able to enjoy all the future updates, which will certainly keep you up to date with all the will certainly keep you up to date with all innovations, improvements and new applications.

Creating a portal using Divi on WordPress

Once you have familiarized yourself with the functions of Divi, and you’ve done the basic settings I’ve already explained, you should ideally learn how to create a Website using the Divi template or theme

Having in front of you the WordPress module, click on the option. “Add new” and you should select the “use Divi builder” option. If you do not get this option, I recommend you to review the subtopic “How to Install Divi on WordPress” that you will find above in this same Post.

Now, you will be faced with 3 options from which you will need to. decide: Build from scratch, Choose predefined layout or Clone existing page. existing.

Build from scratch

If you choose this option, you will start the project with a blank page where you will a blank page where you will have to define every detailed aspect of your portal.

Although I have previously commented that Divi is extremely simple to use, I recommend that you leave this option for when you’re more proficient in template management. In addition, I want to explain to you how to create a portal in a few minutes so that you can present it to the Internet users.

Divi experts take advantage of this way very well, because of the freedom to fully customize your portal, which requires skill and experience. skill and experience.

Choose a predefined layout

In this tutorial I choose to use this way being the most suitable option for newbies in Divi, where without complications you will be able to make a completely professional looking and attractive page.

When you choose a predefined layout, you are indicating to Divi that you want to take a formatting hosted in its layout library, and from it, shape you from it, shape it to your liking. There are hundreds of formats available to choose from.

Clone an existing page

As a last option you have cloning, i.e. importing a design that you have a design that you have already made previously.

The usefulness of the cloning is to be able to have ready in a few minutes a website that requires the same features as an existing one, and it avoids you from having to the need to reconfigure everything all over again.

Using the “Choose a predefined layout”

As I mentioned before, the most viable option for creating a portal in a short time is “Choose a predefined layout”. By going to this option, you will have at your disposal layouts created by professional designers that you will be able to adapt to your liking.

Choosing the layout from the Divi library

In the Layouts library, you can orientate yourself in depending on the theme of your Blog by sorting categories that are compiled in packs. When you select a pack, you will see a small preview of the design applied for the home page, landing page, contact page, etc. contact page, etc. In case you want to see the experience in a more realistic way but without installing it without installing it yet, you can use the “View Live Demo” option.

If you are convinced by the pack you have chosen, you should click on “Use This Layout”, where it will import the layout and load it on your page. The advantage of installing Divi layouts in comparison with WordPress themes is that these WordPress themes, is that these are very complete, so when you import them, you will also be perceiving the images and texts as you have seen in the Demo. This will allow you to just change the content of each title and the informative texts so that you can be informative texts so that you can post your blog.

Setting the header and footer

Now that you have the layout you’ve chosen at your disposal, you must, you have chosen, you should proceed to modify it to your liking. As you can see, you will find the navigation bar and the Divi footer.

You can decide whether to leave it and adjust the inner text to the preferences of your portal or remove it, in case you are designing a landing case you are designing a landing page, and you need to place a more suitable one. If the latter is your case, you will be able to eliminate these elements by leaving of the Divi builder, you go to “Edit page”, then to “Page attributes” and finally Page Attributes” and finally make the change in the box “Default Template” to “Blank Page”. to “Blank Page”. Don’t forget to save the changes.

Modifying Layout texts

To make the text modification, you just have to place the pointer over the text of the template and overwrite in it as if you were using a text editor a text editor. To apply color formats or change the margins you will have to access the module settings.

Applying custom formatting

You’ve probably noticed by now that hovering the pointer over the different elements of the layout, a small toolbar or menu panel is a toolbar or menu panel. These are tools that will allow you to make modifications to those elements.

The gear icon will allow you to enter the module settings selected. If you click on this icon, a popup window with settings options grouped in 3 tabs: Content, Design and tabs: Content, Design and Advanced.

  • Content:In this tab you should define what you want to be displayed in the module.
  • Layout: Here you can manage the way the module is displayed
  • Advanced: This last tab presents certain advanced aspects at expert level

With the utility of this pop-up window and its three tabs you will be able to assign features such as: font and object sizes, typography, margins, colors, shadows, border styles, animations, etc.

Removing Layout elements

You may come across certain elements which are undesirable, of little value or that are simply too much in the perception of your website. your Website.

To remove these elements you must follow a basic and elementary as basic and elementary procedure as passing the pointer over the undesirable element and choosing and choose the trash can icon from the toolbar. How simple it is, isn’t it! You can choose to delete a module, a row, or if you wish a whole section.

Duplicating Layout elements

In the management and modification of your portal, sometimes you need to create several elements that have a lot of similarity with other elements that have already been created. Well, from the toolbar, you can use the icon duplicate icon to create a section, row or even a module identical to the original. You can then make slight modifications to the duplicate to adjust it to your convenience.

Advantages of using predefined layouts in Divi

As an entrepreneur who is just starting out in the world of website creating web pages, the application of predefined designs allows you to examine in detail every element of the layout. To detail each element of the layout, so you will learn a lot about the applications you can give it. about the applications you can give to it.

You may have been impressed with the design of a portal design of a portal and think that such a result is only possible by means of having extensive programming knowledge. However, now you can see that with the goodness that Divi offers you and a few basic adjustments, you can present your Web site like a professional.


There is no doubt that the Divi template is a highly recommended option to achieve a true professional result on your portal. Professional in your portal without the need to study programming language.

More and more people are betting on this alternative, so it is worth trying it. Remember that the contribution you will need to make to obtain it is nothing compared to all the benefits you will receive, among them a great template plus a professional Page Builder.

Leave a Comment

Your email address will not be published. Required fields are marked *

  Acepto la política de privacidad

  • Responsable: Santos Muñoz
  • Fin del tratamiento: Controlar el spam, gestión de comentarios
  • Legitimación: Tu consentimiento
  • Registro en mi Newsletter: Alojada en Active Campaign
  • Destinatarios: los datos que me facilitas estarán ubicados en los servidores de Sered (proveedor de hosting de blog-seo.com) dentro de la UE. Ver política de privacidad de Sered. (https://sered.net/legal).
  • Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
  • Derechos: Podrás ejercer tus derechos, entre otros, a acceder, rectificar, limitar y suprimir tus datos.
  • Información adicional: Más información en nuestra política de privacidad.

Scroll to Top