Vous désirez concevoir votre site WordPress vous-même, de A à Z ? Vous êtes au bon endroit ! Développeur web professionel, j’ai conçu des dizaines et des dizaines de sites Internet sous WordPress, certains avec les fonctionnalités d’e-commerce qu’apporte le module Woocommerce, et je vous dévoile absolument tout, pas à pas, sans qu’il ne soit nécessaire d’avoir les moindres bases. Utilisez facilement les commentaires de chacun de ces tutos WordPress pour m’indiquer si des notions vous semblent encore obscures, je les ferai évoluer avec le temps.
Avant WordPress… Mettre en place son site Internet
- Comment choisir le nom de domaine principal de son site web ?
- L’hébergement web : qu’est-ce qu’un hébergeur de site Internet ?
- Modifier la zone DNS de mon domaine
Démarrer WordPress
- Comprendre la différences entre WordPress.org et WordPress.com
- Installer WordPress sur son hébergeur et se connecter à l’administration
- Cacher immédiatement WordPress à Google pendant la création
- Comprendre l’interface de WordPress : Tableau de bord et catégories principales
- Thème WordPress : habiller WordPress avec un beau design
- Extensions WordPress : ajouter toutes les fonctionnalités que l’on veut
- Installer les extensions indispensables pour tout site WordPress
Créer son site avec WordPress et le thème premium Avada
- Comprendre ce qu’apporte Avada par rapport à un autre thème WordPress
- Installer Avada, son thème enfant et importer une première démo
- Mettre Avada en français
- Découvrir les paramètres globaux d’Avada
- Prendre en main le constructeur de pages d’Avada pour créer ses pages : comprendre Fusion Builder
- Le Fusion Builder Live d’Avada
- Les sliders simples et efficaces d’Avada : comprendre Fusion Slider
- Créer un formulaire de contact avec Avada
- Personnaliser le logo de connexion à l’administration : remplacer le logo WordPress avec Avada Branding
- Mettre à jour Avada : thème, patchs et extensions principales
- Traduire les élements d’Avada qui ne sont pas encore en français
- Installer les codes de statistiques de visites Google Analytics et Google Search Console avec Avada
Fonctionnalités principales d’un site WordPress : les extensions clés
- Installer les codes de statistiques de visites Google Analytics et Google Search Console
- Créer un formulaire de contact : l’extension Ninja Forms
- Créer un formulaire plus complexe (demande de devis, formulaire avec pièce jointe, …)
- Proposer des téléchargements : l’extension Download Monitor
- Traduire les extensions anglophones : l’extension Loco translate
Créer un site e-commerce avec WordPress : l’extension Woocommerce pour vendre en ligne
- Les réglages généraux de Woocommerce
- Les produits et catégories de produits avec Woocommerce
- Créer des attributs sous Woocommerce
- Les variations Woocommerce : créer des produits avec des options et des prix variables
- Paramétrer les modes de paiement sous Woocommerce #1 : Paiement par carte bancaire
- Paramétrer les modes de paiement sous Woocommerce #2 : Paiement par PayPal
- Paramétrer les modes de livraisons et les frais de livraison avec les zones de Woocommerce
Optimiser WordPress pour la mise en ligne
- Installer et paramétrer une extension de cache : les extensions WP Super Cache (gratuit) et WP Rocket (payant)
- Optimiser le temps de chargement des images : l’extension Imagify (gratuit et payant)
- Éviter les spams de commentaires dans vos articles : l’extension Akismet (gratuit)
- Recevez les e-mails de WordPress : assurez la délivrabilité de tous les e-mails : l’extension WP Mail SMTP (gratuit)
- Sécuriser WordPress et prévenir les piratages : l’extension Wordfence (gratuit)
- Optimiser WordPress pour le SEO : prévoir le référencement naturel sur Google et autres moteurs de recherche
- RGPD, cookies et mentions légales : les obligations juridiques de tout site Internet
Aller plus loin avec WordPress #1 : Personnaliser le design avec le langage CSS
- Les principes du langage CSS
- Le CSS amélioré : les principes du langage SCSS
- Faire du SCSS : l’extension WP SCSS
- Améliorer le design d’un WordPress grâce au (S)CSS : Repérer les bons sélecteurs CSS