fbpx

Bien débuter avec le Divi Builder d’Elegant Themes, les bases | Tutoriel débutant Divi WordPress

 

Dans cette vidéo, je vous présente les bases de Divi, plus précisément celle du Divi builder d’Elegant Themes célèbre plugin sous WordPress. Cette vidéo se veut efficace et vous présentera les bases de Divi et les bonnes routines à connaître pour commencer à éditer et à designer vos pages facilement et comme un pro !

Qu’allez-vous apprendre sur les bases de Divi ?

Si vous n’avez pas vu la vidéo précédente (épisode 1) , je vous expliquais comment installer Divi et comment entrer la Clé API nécessaire aux mises à jour.

Dans cette vidéo épisode 2 voici les point abordés :

Hostinger hébergement web

étape 1

Tout d’abord, nous verrons les réglages nécessaires sur la palette  des couleurs et sur le choix des polices de caractère afin que ces options se retrouvent automatiquement sur toute page éditée. Nous verrons que ces réglages permettent de gagner du temps.

étape 2

Dans cette deuxième étape,  je vous montre la première manière de créer une page web sous Divi en partant de zéro. Nous aborderons les notions de section, rangée et module.
Dans la fenêtre pop-up d’édition d’un module nous verrons la différence entre les onglets « Contenu » et « Style » (avec la fonction du pinceau très utile pour le style.)

étape 3

Dans cette troisième étape, je vous montre la deuxième manière de créer un page avec Divi en choisissant une mise en page déjà prédéfinie. Le Divi Builder offre en effet près de 200 modèles de sites se déclinant en des centaines de pages prêtes à être copiées.
Il vous suffit juste de modifier (texte, image, couleurs etc.) en entrant votre propre contenu.
Cette option est intéressante car elle vous offre des mises en page très design et professionnelles.

étape 4

Dans cette quatrième étape, je vous montre comment créer une page en en clonant une déjà existante, c’est une fonction intéressante qui vous fera gagner du temps.

Quel est le tarif de Divi d’Elegant Themes ?

Divi offre deux formules la première est un paiement annuel renouvelable à 89$, et la deuxième est un paiement non renouvelable (donc en une seule fois) à 249$.

Vous pouvez dès maintenant profiter de mon lien affilié pour profiter d’une remise de 10% sur ces deux formules, vous pouvez le faire en cliquant ici (le lien est pour moment fonctionnel mais je ne connais pas sa durée de validité).

Si ce lien ne fonctionne pas voici un lien classique vers le tarif actuel en vigueur, cliquez ici, vous ne paierez pas plus cher mais cela m’encouragera à continuer de vous présenter mes tutos :)

Licence Divi

Vous serez peut-être également intéressé par ces articles …

Tutoriel Divi : Inverser les colonnes selon la vue

Tutoriel Divi : Inverser les colonnes selon la vue

En vue ordinateur un site web peut avoir un design avantageux mais peut être moins en vue mobile du fait des colonnes d’une rangée qui passent les unes sous les autres.
On peut alors se trouver avec une suite d’éléments non souhaitée avec par exemple 2 textes ou 2 images à la suite.

lire plus
10 extensions Chrome pour améliorer la productivité

10 extensions Chrome pour améliorer la productivité

Dans cette vidéo, je vous présente 10 extensions pour le navigateur Chrome afin d’améliorer votre confort, votre rapidité et donc votre productivité lorsque vous surfez sur Internet. Il existe ne nombreuses extensions Chrome, et il peut être difficile de trouver celles qui vont réellement améliorer votre productivité.

lire plus
Un menu hamburger 🍔 en vue ordinateur : site WordPress Divi

Un menu hamburger 🍔 en vue ordinateur : site WordPress Divi

Sur Internet, le terme de “hamburger menu” désigne un menu de navigation utilisé sur les sites mobiles par souci  de gain de place et d’ergonomie, la largeur de l’écran étant restreinte pour conserver un menu classique. Sur ces périphériques mobiles, on masque alors le menu derrière un bouton à 3 petits traits ressemblant à un hamburger.

lire plus
Offrez-moi un café! Merci :)