fbpx

Créer un site Internet WordPress professionnel de A à Z

Comment créer un site web professionnel ?
Voici le tutoriel pour débutant qu’il vous faut !

Dans cette vidéo formation, je vous guide pas à pas dans la réalisation d’un site Internet WordPress Divi. Durant 3h30, je vous accompagne au travers de 22 étapes dans la création d’un site web vitrine.
Un site Internet vitrine, c’est la base et il sera facile par la suite de le faire évoluer grâce à l’ajout d’extensions (plugins).
Vous êtes débutant ? Alors cette formation web WordPress Divi est pour vous !

Licence Divi

Navigation dans la formation (chapitres)

La vidéo YouTube source est chapitrée mais grâce au lecteur Presto Player que j’utilise ici, vous avez également accès facilement au différentes étapes de cette formation. Soit par la barre de lecture, chaque petit rond représente un chapitre ou par l’icône de 3 traits superposés (hamburger).

Presto Player lecteur vidéo WordPress
Navigation chapitres
Icône chapitres
Code Promo Divi Supreme
Amelia booking plugin
.
Offrez-moi un café! Merci :)
Hostinger-7%

Sommaire de la formation WordPress Divi

00:00:00 → Introduction
00:02:22 → Nom de domaine & hébergement
00:05:06 → O2switch un hébergeur bon marché et de qualité
00:11:54 → Découverte du tableau de bord d’o2switch (cPanel)
00:18:20 → Création d’un boîte email liée à votre domaine
00:20:46 → Création d’un certificat SSL avec Let’s Encrypt
00:22:47 → Installer WordPress chez o2switch
00:28:02 → Forcer le site en https
00:30:38 → L’interface administrateur de WordPress
00:34:52 → Installation du thème Divi et de son Visual Builder
00:41:50 → Définir la palette principale des couleurs de Divi
00:45:00 → Définir les polices de caractères par défaut du site
00:49:11 → Préparer les images du site et les uploader
00:56:27 → Création des pages du menu du site
01:04:00 → Structure d’une page Divi
01:10:21 → Création de la bannière de la page d’accueil
(Module : En-tête plein écran)
01:23:20 → Contenu et mise en style des modules de la page 1 « Accueil »
(Modules : Résumé, Texte, Curseur de défilement plein écran, Témoignages)
01:49:00 → Création d’un pied de page (footer) global avec le Divi Thème Builder
(Modules : Résumé, Vidéo, Email Optin, Suivez-nous sur les réseaux sociaux)
02:19:11 → Contenu et mise en style des modules de la page 2 « Les cours »
(Modules : Texte, Tableau des tarifs, Image, Compteur cercle)
02:44:18 → Contenu et mise en style des modules de la page 3 « Qui sommes-nous ? »
(Modules : Texte, Personne)
02:55:10 → Contenu et mise en Style des modules de la page 4 « Contactez-nous »
(Modules : Formulaire de contact, Galerie)
03:17:53 → Déclarer la page d’accueil du site
03:19:22 → Dix extensions conseillées (Plugins)
03:30:49 → Conclusion

MalerLite

🔗 Liens évoqués dans la vidéo

👁️ Divi, le super thème et Visual Builder pour WordPress :
➡️
https://bit.ly/Divi-Promo-10 Divi -𝟭𝟬% sur votre licence ! 💗
➡️
https://bit.ly/divi-classic Divi lien classique

👁️ Divi Supreme, le super plugin Divi qui décuple la puissance du Visual Builder
➡️
https://bit.ly/divi-supreme-alpa14-10off -𝟭𝟬% sur votre licence, avec le code promo Alpa14 💗

👁️ o2switch : 1 super hébergeur pour votre site WordPress, à 5€HT/mois en illimité
➡️
https://bit.ly/link-o2switch

👁️ Hostinger : l’hébergeur de qualité aux tarifs compétitifs (Mutualisé, VPS, Cloud)
➡️
https://www.hostinger.fr/alpa14 -𝟳% sur toutes les formules avec le code ALPA14 💗

👁️ MailerLite : L’email marketing simple et efficace, 30 j Gratuits ➡️ https://bit.ly/mailerlite-now

👁️ Presto Player : le meilleur lecteur vidéo pour votre site WordPress
➡️
https://bit.ly/Presto-Player

👁️ Coolors, le site des palettes de couleurs qui vous inspire
➡️
https://coolors.co/

👁️ Mixfont, choisir la bonne combinaison de polices de caractères
➡️
https://www.mixfont.com/

👁️ Cloudconverter, convertissez vos images au format WebP
➡️ https://cloudconvert.com/webp-converter

👁️ Tiny PNG, optimisez en ligne vos images aux formats JPEG, PNG et WebP
➡️
https://tinypng.com/

Thinkific one month free
 LearnDash créer une formation sur un site WordPress

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 :)