Divi est un constructeur de pages et de sites web qui permet de créer des designs attractifs sans nécessiter de compétences en développement web. Il est doté d'une interface intuitive et de fonctionnalités avancées qui permettent de personnaliser chaque élément de votre site. Dans ce tutoriel, nous allons expliquer le fonctionnement des sections, des lignes et des modules dans Divi.
Les sections
Les sections sont des conteneurs pour vos éléments de contenu. Elles sont généralement utilisées pour diviser votre page en différentes parties, telles que l'en-tête, le corps et le pied de page. Les sections peuvent être personnalisées avec différentes options de design, telles que les couleurs, les arrière-plans et les marges.
Pour ajouter une section à votre page, il vous suffit de cliquer sur le bouton "Ajouter une section" dans la barre d'outils de Divi. Vous pouvez ensuite choisir parmi différents types de sections, tels que les sections à une ou deux colonnes.
Les lignes
Les lignes sont des éléments qui se trouvent à l'intérieur des sections. Elles permettent de diviser une section en colonnes et de créer des mises en page complexes. Vous pouvez personnaliser les options de design des lignes, telles que la largeur, l'espacement et les marges.
Pour ajouter une ligne à votre section, il vous suffit de cliquer sur le bouton "Ajouter une ligne" dans la barre d'outils de Divi. Vous pouvez ensuite choisir le nombre de colonnes que vous souhaitez, ainsi que les options de design de la ligne.
Les modules
Les modules sont les éléments de contenu de votre site, tels que les textes, les images, les boutons et les formulaires. Ils sont placés à l'intérieur des lignes et peuvent être personnalisés avec de nombreuses options de design. Divi dispose de nombreux modules, tels que les compteurs, les témoignages, les galeries d'images et bien plus encore.
Pour ajouter un module à votre ligne, il vous suffit de cliquer sur le bouton "Ajouter un module" dans la barre d'outils de Divi. Vous pouvez ensuite choisir le type de module que vous souhaitez, ainsi que les options de design du module.
Voici une liste des principaux modules de Divi :
- Texte : Le module Texte vous permet d'ajouter du texte à votre page et de le personnaliser avec des options de style telles que la police, la taille et la couleur.
- Image : Le module Image vous permet d'ajouter des images à votre page et de les personnaliser avec des options de taille, de recadrage, d'ombre et de bordure.
- Bouton : Le module Bouton vous permet d'ajouter des boutons d'appel à l'action à votre page et de les personnaliser avec des options de style telles que la couleur, la taille et la forme.
- Formulaire de contact : Le module Formulaire de contact vous permet de créer des formulaires de contact personnalisés pour votre site web.
- Curseur : Le module Curseur vous permet de créer des diaporamas d'images et de les personnaliser avec des options de transition, de durée et de style.
- Barre latérale : Le module Barre latérale vous permet d'ajouter des barres latérales à votre page et de les personnaliser avec des widgets personnalisés tels que des menus, des flux de réseaux sociaux et des formulaires de recherche.
- Audio : Le module Audio vous permet d'ajouter des fichiers audio à votre page et de les personnaliser avec des options de lecture, de volume et de style.
- Vidéo : Le module Vidéo vous permet d'ajouter des vidéos à votre page et de les personnaliser avec des options de lecture, de volume, de taille et de style.
- Témoignages : Le module Témoignages vous permet d'afficher des témoignages de clients ou d'utilisateurs sur votre page et de les personnaliser avec des options de style telles que la taille et la couleur.
- Compteur : Le module Compteur vous permet de créer des compteurs animés pour afficher des statistiques telles que le nombre de clients, le nombre de ventes ou le temps écoulé.
Ceci n'est qu'une petite sélection des nombreux modules disponibles dans Divi. D'autres modules incluent des cartes, des icônes, des barres de progression, des prix et des publications de blog. Avec une telle variété de modules, vous pouvez créer un site web personnalisé et fonctionnel qui répond à tous vos besoins.
Conclusion
En utilisant les sections, les lignes et les modules dans Divi, vous pouvez créer des designs de site web professionnels sans avoir à coder. En personnalisant chaque élément avec les options de design de Divi, vous pouvez créer des mises en page personnalisées et uniques qui correspondent à votre marque. Nous espérons que ce tutoriel vous a aidé à comprendre le fonctionnement de Divi et à créer votre site web.
Sources :
- Le site officiel de Divi : https://www.elegantthemes.com/gallery/divi/
- Divi Soup : https://divi-soup.com/
- Elegant Marketplace : https://elegantmarketplace.com/product-category/divi/
- Divi Space : https://divi.space/
- Divi Cake : https://divicake.com/
Voici quelques chaines YouTube les plus populaires sur Divi :
- Elegant Themes : https://www.youtube.com/user/ElegantThemes
- Darrel Wilson : https://www.youtube.com/user/darrellwilsonn
- Ferdy Korpershoek : https://www.youtube.com/user/ferdykorpershoek
- Mak : https://www.youtube.com/channel/UCdhz7_mPpK0VZfLsAJhX1aw
- Josh Hall : https://www.youtube.com/channel/UCgF7FwbwLMVcLWuOF879Srg
- Webmarketing Tuto : https://www.youtube.com/c/WebMarketingTuto
- WebGenie : https://www.youtube.com/c/WebGenie-fr
- WP Marmite : https://www.youtube.com/c/WPMarmite
- Tutoriels Divi : https://www.youtube.com/c/TutorielsDivi
- Napolux : https://www.youtube.com/c/NapoLux
