WordPress & Divi: the guide to get started!

black liner

WordPress & Divi: a great love story?

TheWordPress theme Diviis an intuitive and easy-to-take theme. However, it is much easier to tame it when you already haveexperience with WordPress.

If you start completely in thesite creationand that you have chosen to launch with this WordPress theme, theblog divi tipswill accompany you throughout the creation process.

Today, this blog starts with many articles, it can besimple tips, explanations or tutorialsto successfully customize your site or blog with Divi.

However, you may not knowwhere 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 known about this information...

Thisstart guide with WordPress and DiviThat's what it's all about!

I'm offering you some kind ofPrioritised methodologyto 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 apremium themeWhile there are manyfree themes ?
  2. How much does the Divi theme cost?Is it that expensive? I propose you acomparative tariff with other themesAnd 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 youplan to customize DiviWith house-made code, it would be nice tocreate 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 thisstep is optional.
  5. Then you will see that this theme is updated several times a month. I suggest you discover quicklyhow to update DiviAutomatically or manually.
  6. Well set Divi?First we start with a series of articles forunderstand 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. Theversion 4.0 of Divioffers a new feature: to be able to build the complete design using the Theme Builder. Read this article forunderstand 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. Discoverhow the Divi Theme Builder works.
  3. If you want to save time, you can simply import theme templates into your site. Discoverhow to import/export Divi Theme Templates.

The essential items to take control of Divi:

 

  1. First, it is essential to understand thatDivi and the Divi Builder are two different things. I suggest you find out whyYou mustn't confuse them..
  2. How Divi and the Divi Builder Work. It's not always easy tounderstand 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 understandhow a builder page works within your WordPress pages, I suggest you discoverthe 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 might first start withset 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" orcreate 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 howimport and export a layout with Divi.

Essential articles for inspiration:

 

  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 DiviandFrom BeTheme to Divi.
  2. Someexamples of Coaching sitesMade with Divi.
  3. Somesample restaurants sites made with Divi
  4. Someexamples of Web Agency sitesMade with Divi.
  5. Someexample sites for Graphics and WebDesignersMade with Divi.
  6. Otherwise, you know you can use ready layouts that will save you crazy time? TheDivi Builder offers downloadable layout packsIn 1 click.

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

 

  1. Find out howOpen Divi footer icons in a new windowyour browser. This is important if you don't want the user to leave your site at the first click!
  2. You can alsoadd new icons in the footer of your site, such as the Pinteret or Linkedin icon.
  3. It is also possible that you needadd multiple images to the front page(emphasis images) within your articles. This article explains how to do this.
  4. And ifeach page of your site had a different color? This is possible with a simple CSS code. It's not very complicated. You can alsodo 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 toharmonize 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 alist of free plugins for Divi.
  2. Want to make your site multilingual easily and quickly? Are you planning to use Polylang or WPML? Read this firstarticle about Weglot. You will see how I translated myblog Tips DiviIn less than 15 minutes.
  3. However, if it is aquality divi translationyou are looking for, you can get Divi in good French by installing this extension. Read the article to see what the differences are.
  4. DiscoverBloom, an optin to recover email addressesyour readers to store them in your mailing lists. You will also see howmake the Bloom extension compatible with the GDPRor howcustomize your popups.
  5. You want to change Divi so thatthe sidebar is fixed when the user scrols down? A simple extension allows you to get there and I'll 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 featuresin the form of check options. It's a play.
  7. If you wishadd a bio at the end of your articlesbecause your blog is "multi-authors". You can do this easily thanks to this plugin.
  8. If you are looking toenrich the Divi theme with new icons, it is possible thanks to this pack of free icons 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 explainhow to add a breadcrumb to Diviand 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. Discoverhow 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 of ElegantThemesoffers lots of very relevant tutorials to help you improve or customize your Divi site. Do not hesitate to browse it, you will find many nuggets. But everything is in English.

If you're more of a French speaker,Astuces DiviThat'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 theSite map pageorcontact 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 contactsupport 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. Oneforum is also available.