WordPress & Divi: the guide to get started!

WordPress et Divi

WordPress & Divi: a great love story?

The WordPress Divi theme is an intuitive and easy to learn theme. However, it is much easier to tame it when you already have experience with WordPress.

If you are a complete beginner in website creation and have chosen to get started with this WordPress theme, the Divi Tips blog will support you throughout the creation process.

Today, this blog starts with many articles, it can be advice, explanations or simple tutorials to make a successful customization of your site or blog with Divi.

However, you may not be able to know where to start. This is often the case when you start out, read a lot of articles and realize, often late, that we should have done this or that before, if we had had knowledge of this information...

This guide to getting started with WordPress and Divi is made for just that!

I propose a kind of hierarchical methodology to leave nothing to chance.

Here is the list of items in order of priority:

Essential articles for a good start:

 

  1. Why choose the Divi theme? What are the advantages of using a premium theme when there are many free themes?
  2. How much does the Divi theme cost? Is it that expensive? I propose you a price comparison with other themes and builders pages of this kind.
  3. Are you already in possession of this theme? Find out how to install Divi on your WordPress site.
  4. Before going any further, if you plan to customize Divi with homemade code, it would be a good idea to create a Divi child theme. Once this is done, you will be ready for the next step. If you think you will not need to make any extensive modifications, then this step is optional.
  5. Then you will see that this theme is updated several times a month. I suggest you to quickly discover how to update Divi automatically or manually.
  6. How to set up Divi? We start with a series of articles to understand how to set up this theme: General tab | Navigation tab | Creator tab | Advertising tab | Layout tab | Integration tab and Updates tab | SEO tab. In these regularly updated articles, each option of the theme is examined under the microscope.

Articles to discover the version 4.0.x of Divi

 

  1. Version 4.0 of Divi offers a new feature: the ability to build the complete design using the Theme Builder. Read this article to understand the new features of Divi 4.0.
  2. This new builder theme works a bit like the visual builder but is used from the back office in a visual version. Discover how the Divi Theme Builder works.
  3. If you want to save time, you can simply import theme templates into your site. Discover how to import/export Divi Theme Templates.

Essential items to get started Divi:

 

  1. First of all, it is essential to understand that Divi and the Divi Builder are two different things. I suggest you discover why they should not be confused.
  2. How Divi and the Divi Builder work. It's not always easy to understand how to create a page with a builder page. This article is a complete guide for beginners. It is ideal to read it to better understand how it works.
  3. Once you have understood how a builder page works within your WordPress pages, I suggest you discover the complete list of Divi modules. These modules are available within the builder page when you create your pages. It is good to know what the Divi Builder can offer in order to better consider your project.
  4. Before you start creating your pages, you could start by set the header of your Divi site. This is an essential element in the design and you should pay the greatest attention to it.
  5. Not to mention that you will also have to choose a layout type. Divi allows you to create a "full width layout" or create a "nested layout", also known as a "boxed layout". What will be your preference?
  6. To save time, you can easily create a layout with a single click. To do this, find out how import and export a layout with Divi.

Essential articles for inspiration:

 

  1. You already have a WordPress site and you only want to change the theme? Here are two practical cases of a site redesign with Divi: from Hungry to Divi and from BeTheme to Divi.
  2. Some of them examples of Coaching sites made with Divi.
  3. Some of them examples of Restaurant sites made with Divi
  4. Some of them examples of Web Agency sites made with Divi.
  5. Some of them examples of sites for Graphic Designers and WebDesigners made with Divi.
  6. Otherwise, you know you can use ready-made layouts that will save you a lot of time? The Divi Builder offers downloadable layouts packages in 1 click.

Essential articles to add features to your Divi theme with code:

 

  1. Find out how to open Divi's footer icons in a new window of your browser. This is important if you do not want the user to leave your site at the first click!
  2. You will also be able to add new icons in the footer of your sitesuch as the Pinteret or Linkedin icon.
  3. It is also possible that you may need add several images to the front page (highlighting images) within your articles. This article explains how to do this.
  4. And if you each page of your site had a different color ? This is possible with a simple CSS code. It's not very complicated. You will also be able to do the same with background images.
  5. Speaking of images, it is also possible toadd an image to each item in your main menu. This tutorial proposes this.
  6. If you have added the WooCommerce plugin to transform your showcase site into an e-commerce site and you realize that some buttons in your store have a color that does not suit you, read this article that will allow you toharmonize the colors of your shop with those of your visual identity.

Essential articles to add features to your Divi theme with extensions:

 

  1. Most of the plugins for Divi are not free but I have been snooping and I suggest you to discover a list of free plugins for Divi.
  2. Do you want to make your site multilingual easily and quickly? Are you considering using Polylang or WPML? First read this article about Weglot. You will see how I translated my Divi Tips blog in less than 15 minutes.
  3. On the other hand, if it is a quality Divi translation of Divi you are looking for, you can get Divi in good French by installing this extension. Read the article to see what the differences are.
  4. Discover Bloom, an opt-in that allows you to retrieve email addresses of your players in order to store them in your mailing lists. You will also see how make the Bloom extension compatible with the RGPD or how customize your popups.
  5. You want to change Divi so that the sidebar is fixed when the user scrolls down ? A simple extension allows you to do this and I will explain how to use it.
  6. Did you know that there is a plugin that allows you to make many changes within Divi without having to code anything? Divi Switch offers a lot of features in the form of tickable options. It's child's play.
  7. If you wish to add a bio at the end of your articles because your blog is "multi-author". You can do it easily with this plugin.
  8. If you are looking to enrich the Divi theme with new iconsit is possible thanks to this pack of free icons offered by this plugin.
  9. If you want to add a breadcrumb trail to your pages and articles, it's possible! Follow this turotiel which will explain you how to add a breadcrumb to Divi and where you can place it.
  10. Also remember that it is very important that your Divi site loads quickly. You can use a cache plugin to optimize the loading of your pages but it is not the only solution. Discover how to improve the speed of Divi.

My list of essential resources for Divi:

 

First of all, don't get Divi illegally, you could have problems later. Your site could be corrupted or infected. That would be a shame! There's only one place to get Divi: on the official website of ElegantThemes.

Then, there are lots of sites that offer tools or resources (free and paid) to enrich your site with Divi. I myself am a customer of these marketplaces:

 

Finally, the official blog of ElegantThemes offers a lot of very relevant tutorials to help you improve or customize your Divi site. Feel free to browse through it, you will find many nuggets. However, everything is in English.

If you're more of a French-only type, Divi Tips is here for that!

Moreover, you will be able to find all the latest articles classified by theme:

If you can't find what you want, you can browse the complete list of my items from the Site Map page or else contact me to submit a tutorial idea. I'll see if I can integrate it into my editorial line.

If you have any problems with Divi, do not hesitate to contact the support of ElegantThemes. It is there to correct any errors you may encounter if it is closely related to the theme or the page-builder itself. A forum is also available.

Advertisement: This page contains affiliate links that you will easily recognize. The classic links are in purple and sponsored links are in pink. This partnership allows me to continue to produce quality articles that are the subject of in-depth research in order to provide you with the best. All this takes a lot of time, I suppose you know that. Affiliation also allows me to avoid adding annoying banner ads and other pop-ups, as we often see on other blogs. I would like to continue to offer a clear and non-intrusive blog. Thank you for your support.

Pin It on Pinterest

Shares
Share This