Découvrez les bons plans & les réductions Alpa14

Créer un site Web Pro | Formation WordPress débutant

Alpa14 les tutoriels faciles !

Catégories

Comment créer un site web pro ?
Voici le tutoriel WordPress Divi 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
Formation WordPress

? 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 intéressé par les articles suivants :

Créer un en-tête plein écran avec Divi

Créer un en-tête plein écran avec Divi

Dans ce tutoriel, je  vous montre étape par étape comment créer un en-tête plein écran époustouflant en utilisant le puissant Divi Visual Builder. Nous commencerons par trouver une image de qualité professionnelle sur Pixabay, puis nous l’optimiserons pour le web avec Photopea avant de plonger dans la conception de notre en-tête.

lire plus
Thème Divi : Personnaliser le header

Thème Divi : Personnaliser le header

Dans ce tutoriel vidéo, je vous montre comment personnaliser l’en-tête d’un site Divi.
Cet en-tête changera en scrollant, lorsque la page défile. Le logo, le menu et le fond du header changeront de couleur attirant ainsi davantage l’attention du visiteur.
Cet en-tête comprendra également un bouton d’appel à l’action incitant à davantage d’engagement.
Grâce au constructeur de thèmes (le thème Builder) du thème Divi, nous pouvons créer des en-têtes personnalisés au design poussé.

lire plus