WordPress & Divi: the guide to get started!

black liner

WordPress & Divi: a great love story?

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

If you start completely in the site creation and that you have chosen to launch with this WordPress theme, the blog divi tips will accompany you throughout the creation process.

Today, this blog starts with many articles, it can be tips, explanations or simple tutorials to successfully customize your site or blog with Divi.

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

This start guide with WordPress and Divi That's what it's all about!

I'm offering you some kind of Prioritised methodology to leave nothing to chance.

The following is a list of articles in order of priority:

Essential articles to get started:

 

  1. Why choose the theme Divi? What benefits to use a premium theme While there are many free themes ?
  2. How much does the Divi theme cost? Is it that expensive? I propose you a comparative tariff with other themes And building pages like that.
  3. Are you already in possession of this theme? Find out how to install Divi on your WordPress site.
  4. Before you go further, if you plan to customize Divi With house-made code, it would be nice to create a child theme of Divi. Once this is done, you will be ready for the next round. If you think you won't need to make any further changes, then this step is optional.
  5. Then you will see that this theme is updated several times a month. I suggest you discover quickly how to update Divi Automatically or manually.
  6. Well set Divi? We start with a series of articles for understand how to set this theme : General tab | Navigation tab | Creator tab | Advertising tab | Tab Layout | tab Integration and tab Updates | SEO tab. In these regularly updated articles, each option of the theme is scrutinized.

Articles to discover the version 4.0.x of Divi

 

  1. The version 4.0 of Divi offers a new feature: to be able to build the complete design using the Theme Builder. Read this article for understand the novelties of Divi 4.0.
  2. This new builder theme works a bit like the visual builder but is used from the back office in 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.

The essential items to take control of Divi:

 

  1. First, it is essential to understand that Divi and the Divi Builder are two different things. I suggest you find out why You mustn't confuse them..
  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's ideal to read it to better understand how it works.
  3. Once you understand 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 head down in creating your pages, you could start with set the header of your Divi site. This is an essential element of design and you should pay the greatest attention to it.
  5. And you will also have to choose a layout type. Divi allows you to create a "full-width layout" or create an "embedded layout", also called "boxed layout". What will your preference be?
  6. To save time, you can easily create a layout in one click. Find out how import and export a layout with Divi.

Essential articles to inspire:

 

  1. You already have a WordPress site and you only want to change theme? Here are two practical cases of a site redesign with Divi: from Hungry to Divi and From BeTheme to Divi.
  2. Some examples of Coaching sites Made with Divi.
  3. Some sample restaurants sites made with Divi
  4. Some examples of Web Agency sites Made with Divi.
  5. Some example sites for Graphics and WebDesigners Made with Divi.
  6. Otherwise, you know you can use ready layouts that will save you crazy time? The Divi Builder offers downloadable layout packs In 1 click.

The essential items to add functionality to your Divi theme with code:

 

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

Essential items to add functionality to your Divi theme with extensions:

 

  1. Most plugins for Divi are paid but I snooped and I suggest you discover a list of free plugins for Divi.
  2. Want to make your site multilingual easily and quickly? Are you considering using Polylang or WPML? Read first this article about Weglot. You will see how I translated my blog Tips Divi In less than 15 minutes.
  3. However, if it is a quality divi translation 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 optin to recover email addresses your readers to store them in your mailing lists. You will also see how make the Bloom extension compatible with the GDPR or how customize your popups.
  5. You want to change Divi so that the sidebar is fixed when the internet user scrols down ? A simple extension allows you to get there and I explain how to use it.
  6. Do you know that there is a plugin that allows you to make many changes within Divi without having to code anything? Divi Switch offers lots of features in the form of options to be checked. It's a child's play.
  7. If you wish add a bio at the end of your articles because your blog is "multi-authors". You can do this easily thanks to this plugin.
  8. If you are looking to enrich the Divi theme with new icons, it is possible thanks to this free icons package offered by this plugin.
  9. If you want to add an Ariane thread to your pages and articles, it is possible! Follow this turotial that will explain 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 load quickly. You can use a cache plugin to optimize the loading of your pages but this is not the only solution. Discover how to improve the speed of Divi.

My list of essential resources for Divi:

 

For starters, do not illegally procure Divi, you might have problems later. Your site may 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 am myself a customer of these markets:

 

Finally, the official blog ofElegantThemes offers lots of highly relevant tutorials to help you improve or customize your Divi site. Don't hesitate to browse it, you will find many nuggets. But everything is in English.

If you're more of a French speaker, Astuces Divi That's it!

Besides, you can find all the latest articles classified by topic :

If you can't find what you want, you can browse the full list of my articles from the Site map page or 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, feel free to contact the support for ElegantThemes. It is there to correct the errors that you might encounter if it is closely related to the theme or the page-builder itself. One forum is also available.