WordPress & Divi: the guide to get started!

WordPress & Divi : une grande histoire d'amour ?

The WordPress theme Divi est un thème intuitif et facile à prendre en main. Toutefois, il est beaucoup plus facile de le dompter lorsqu'on a déjà de l'expérience avec 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.

Aujourd'hui, ce blog commence à compter de nombreux articles, il peut s'agir de conseils, d'explications ou de tutoriels simples to successfully customize your site or blog with Divi.

However, you may not know where to start. C'est souvent le cas lorsqu'on débute, on lit beaucoup d'articles et on se rend compte, souvent tardivement, que nous aurions dû faire ceci ou cela avant, si nous avions eu connaissances de ces informations...

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 alors qu'il existe de nombreux 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. Avant d'aller plus loin, si vous plan to customize Divi With house-made code, it would be nice to create a child theme of Divi. Une fois cela réalisé, vous serez paré pour la suite. Si vous pensez que vous n'aurez pas besoin de faire des modifications poussées, alors cette 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? On commence d'abord par une série d'articles pour 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 offre une nouvelle fonctionnalité : celle de pouvoir construire le design complet à l'aide du Theme Builder. Lisez cet article pour understand the novelties of Divi 4.0.
2. Ce nouveau thème builder fonctionne un peu comme le visual builder mais s'utilise depuis le back-office en version visuelle. Découvrez 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. C'est pas toujours facile de understand how to create a page with a builder page. Cet article est un guide complet destinés aux débutants. C'est idéal de le lire pour mieux comprendre comment ça marche.
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. Avant de vous lancer tête baissée dans la création de vos pages, vous pourriez d'abord commencer par set the header of your Divi site. This is an essential element of design and you should pay the greatest attention to it.
5. Sans oublier non plus que vous devrez choisir un type de mise en page. Divi vous permet de créer une "mise en page pleine largeur" ou bien de créer une "mise en page emboitée", appelée aussi, "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.

Les articles essentiels pour s'inspirer :

1. Vous avez déjà un site WordPress et vous souhaitez seulement changer de thème ? Voici deux cas pratiques d'une refont de site avec 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 exemples de sites d'Agence Web 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 de votre navigateur. C'est important si vous ne souhaitez pas que l'internaute quitte votre site au premier clic !
2. You can also add new icons in the footer of your site, comme par exemple l'icône de Pinteret ou de Linkedin.
3. It is also possible that you need d'ajouter plusieurs images à la une (emphasis images) within your articles. This article explains how to do this.
4. And if each page of your site had a different color ? Cela est possible avec un simple code CSS. Ce n'est pas très compliqué. Vous pourrez également do the same with background images.
5. En parlant d'image, c'est également possible d'add an image to each item in your main menu. C'est ce que propose ce tutoriel.
6. Si vous avez ajouté le plugin WooCommerce pour transformer votre site vitrine en site e-commerce et que vous vous rendez compte que certains boutons de votre boutique ont une couleur qui ne vous convient pas, lisez cet article qui vous permettra d'harmonize the colours of your shop with those of your visual identity.

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

1. La plupart des plugins pour Divi sont payants mais j'ai fouiné et je vous propose de découvrir une list of free plugins for Divi.
2. Vous souhaitez rendre votre site multilingue facilement et rapidement ? Vous envisagez d'utiliser Polylang ou WPML ? Lisez d'abord cet article about Weglot. Vous verrez comment j'ai traduis mon blog Tips Divi In less than 15 minutes.
3. Par contre, si c'est une quality divi translation que vous recherchez, vous pourrez obtenir Divi en bon français en installant cette extension. Lisez l'article pour voir quelles sont les différences.
4. Discover Bloom, an optin to recover email addresses your readers to store them in your mailing lists. You will also see how rendre l'extension Bloom compatible avec le RGPD or how customize your popups.
5. You want to change Divi so that la sidebar se fixe lorsque l'internaute scrolle vers le bas ? Une extension simple vous permet d'y arriver et je vous explique comment l'utiliser.
6. Savez-vous qu'il existe un plugin qui permet de faire plein de modifications au sein de Divi sans avoir à coder quoi que ce soit ? Divi Switch offers lots of features sous forme d'options à cocher. C'est un jeu d'enfant.
7. If you wish add a bio at the end of your articles parce que votre blog est "multi-auteurs". Vous pourrez le faire facilement grâce à ce plugin.
8. If you are looking to enrich the Divi theme with new icons, c'est possible grâce à ce pack d'icônes gratuites proposé par ce plugin.
9. Si vous voulez ajouter un fil d'Ariane au sein de vos pages et de vos articles, c'est possible ! Suivez ce turotiel qui vous expliquera how to add a breadcrumb to Divi and where you can place it.
10. N'oubliez pas non plus qu'il est très important que votre site Divi se charge rapidement. Vous pouvez utiliser un plugin de cache pour optimiser le chargement de vos pages mais ce n'est pas la seule solution. Découvrez how to improve the speed of Divi.

My list of essential resources for Divi:

For starters, do not illegally procure Divi, vous pourriez avoir des soucis par la suite. Votre site pourrait être corrompu ou infecté. Ce serait dommage ! Il n'y a qu'un seul endroit pour obtenir 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:

• BeSuperfly
• Aspen Grove Studios
• Divi Space
• Divi Cake
• Divi Den
• Divi Theme Store
• Divi Extended
• Divi Gear
• Divi Professional
• Divi Booster
• Divi Life
• Divi Plugins

Finally, le blog officiel d'ElegantThemes propose des tas de tutoriels très pertinents pour vous aider à améliorer ou customiser votre site Divi. N'hésitez pas à le parcourir, vous y trouverez de nombreuses pépites. Par contre, tout est en anglais.

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

D'ailleurs, vous pourrez retrouver tous les derniers articles classés par thématique :

• Start with Divi
• Customize Divi
• Plugins for Divi
• Resources for Divi

Si vous n'arrivez pas à trouver ce que vous voulez, vous pourrez parcourir la liste complète de mes articles depuis la Site map page or contact me to submit a tutorial idea. Je verrai si je peux l'intégrer à ma ligne éditoriale.