Crée ton site Wordpress sans coder avec Divi

Dans cette vidéo théorique vous allez découvrir les notions de :

• Nom de domaine et hébergement web

• Le no code

• le CMS WordPress

Dans cette session vous allez découvrir le thème Divi et son constructeur :

• Le prix des licences

• Les produits inclus dans les licences

• Les avantages de Divi

• Autres produits Divi

Ca y est on commence la partie pratique de la formation. Dans cette vidéo je vous présente toutes les étapes pour installer le CMS WordPress à partir du tableau de bord CPanel de votre hébergement web.

Dans cette vidéo je vous présente toutes les étapes pour installer le thème Divi et son constructeur à partir de l'espace client d'elegant themes et du tableau d'administration de Wordpress. Pour installer le fichier Divi il est necessaire d'avoir une licence achetée sur le site web d'elegant themes.

Une fois divi installé et activé sur notre espace WordPress, on remarque l'apparition d'un onglet Divi sur le tableau d'administration. Dans cette vidéo je vous présente brièvement quelles sont les rubriques de Divi, telles que les options générales.

Dans cette partie je vous montre comment activer la clé API de votre licence payante, comment remplacer le logo de Divi par le votre et comment ajouter une palette de couleurs par défaut.

On commence le design et la construction de notre site web. La première étape consiste à personnaliser le thème Divi à l'aide du personnalisateur de thèmes. Dans cette partie nous allons voir comment customiser l'entête du site ( couleur du menu, des liens, du texte, taille logo, disposition du menu etc. )

Dans cette vidéo je vous montre comment personnaliser le pied de page de notre site web ( Couleur d'arrière plan, police , ajouter texte copyright, zones de pieds de page etc.)

La création d'un menu WordPress est indépendante de Divi mais c'est une étape nécessaire dans la création d'un site web. Cette vidéo présente les étapes pour créer un menu WordPress et vous montre la différence entre un menu principal et un menu secondaire.

Avant d'entamer la construction de notre première page web, je vous explique la structure du builder ( constructeur) de Divi.

• Les sections

• Les rangées ou lignes

• Les colonnes ( modules )

• et plein d'autres options du builder..

On commence maintenant la construction de notre page web ( lien du template dans les ressources ).

Le premier module est un module Header plein largeur. On va voir comment :

• Ajouter le module Header

• Ajouter une image de fond

• Modifier son contenu ( texte )

• Modifier le style du texte et de l'icône

On passe à la 2ème section de la page. Dans cette partie je vous explique comment ajouter un module texte et comment utiliser le module résumé.

Dans cette vidéo on va voir essentiellement comment ajouter une vidéo à notre page web en utilisant le module vidéo de Divi.

Dans cettte partie je vous explique comment diviser une partie de notre page web en deux colonnes et comment on peut ajouter deux modules différents dans une même rangée.

Dans cette vidéo nous allons voir la section suivante du modèle mais cette fois-ci je vous explique comment sauvegarder un élément ( section, module ou rangée ) qu'on peut utiliser plusieurs fois pour gagner du temps.

Cette partie décrit comment ajouter une section avec 3 modules images et les transformer en pleine largeur de la page.

Dans cette vidéo vous allez découvrir comment ajouter des articles à votre page web en utilisant le module blog de Divi.

On arrive à la fin de notre première page web avec une partie " Contactez-nous"

En utilisant le Divi builder on peut jouer avec le design des éléments et ajouter plusieurs effets sans utiliser du code css. Je vous explique dans cette vidéo comment on peut rendre notre page plus dynamique avec l'option animation et transformation de Divi.

En achetant la licence Divi vous avez accès à une bibliothèque de layouts ( design prêt à l'emploi) construits par les designers d'elegant themes. Dans cette session je vous montre comment gagner du temps en chargeant un layout prêt et pouvoir le modifier.

On arrive à la fin de la formation, dans cette vidéo Bonus je vous montre :

L'option projets de Divi et l'ajout d'un module portfolio

Woocommerce et Divi

Des conseils pour optimiser son site web

Quelques plugins SEO et sécurité

Quelques liens utiles pour approfondir vos connaissances