Programme à titre indicatif d’une formation WordPress sur 5 jours. Les étapes varient en fonction du niveau et de la demande des participants.
Jour 1
Installation
Installation de WordPress en ligne chez un hébergeur ou en local sur l’ordinateur.
Étapes d’installation en vidéo :
https://formation.sapikdesign.com/installation-configuration/
Réglages & Thème
Réglages de base de WordPress : vidéo dans la page « Installation » (lien ci-dessus).
Installation et personnalisation d’un thème.
Arborescence
Création des Pages et Catégories (dans le menu Articles) :
Page = contenu indépendant (ex : page Contact)
Article = contenu à regrouper par catégorie
(ex : la catégorie Gâteaux afficherait plein de recettes de gâteaux. Chaque recette serait un Article, sur lequel on clique pour avoir la recette détaillée)
Création du menu de navigation dans Apparence > Menus :
https://formation.sapikdesign.com/menus/
Définir la page d’accueil (qui par défaut affiche les derniers articles) :
https://formation.sapikdesign.com/definir-la-page-daccueil/
Hello Elementpr
Jour 2
Concevoir une page avec l’éditeur standard
Démo en vidéo :
https://formation.sapikdesign.com/concevoir-une-page-avec-lediteur-gutenberg/
Optimiser une image pour la rendre plus légère avec le logiciel en ligne gratuit Photopea :
https://formation.sapikdesign.com/optimiser-les-images-pour-le-web-avec-photopea/
Concevoir une page avec Elementor
Premier pas avec Elementor :
https://formation.sapikdesign.com/elementor-creer-une-section-de-2-colonnes/
Ajouter des images :
https://formation.sapikdesign.com/les-images-elementor/
Jour 3
Créer un modèle d’article avec Elementor
Apparence > Personnaliser > Réglages du blog
Modifier l’affichage par défaut des listes d’articles (catégories) et des articles.
Désactiver l’entête image + titre.
Avec Elementor, créer son propre entête d’article, avec un titre, une image en arrière-plan, une superposition d’arrière-plan et une forme de séparation, pour un design plus dynamique :
https://formation.sapikdesign.com/forme-de-decoupe-separation-elementor/
Créer un Article et enregistrer son contenu (ex : fiche artiste) en tant que modèle, pour l’appliquer aux articles similaires :
https://formation.sapikdesign.com/article-modele-elementor/
Animer les éléments lorsqu’ils arrivent dans la page :
https://formation.sapikdesign.com/animation-des-elements-elementor/
Image en arrière-plan / Modifier un modèle Elementor :
https://formation.sapikdesign.com/image-en-arriere-plan-modifier-un-modele-elementor/
Concevoir la page d’accueil
Apparence > Personnaliser > Réglages de page > Page – Barre de titre
Désactiver l’entête image + titre.
Conception d’une page « sommaire » qui présente les rubriques les plus importantes du site, avec des boutons ou liens pour s’y rendre.
Les boutons :
https://formation.sapikdesign.com/les-boutons-elementor/
Vidéo en pleine largeur :
https://formation.sapikdesign.com/ajouter-une-video-en-pleine-largeur-elementor/
Jour 4
Migrer le site en local
Exporter la base de données en ligne pour l’importer en local :
https://formation.sapikdesign.com/migrer-la-base-de-donnees/
Modifier le mot de passe oublié en local :
https://formation.sapikdesign.com/mot-de-passe-oublie-en-local/
Personnaliser l’apparence
Utiliser les CSS Additionnelles pour personnaliser le thème et styliser des éléments dans Elementor et l’éditeur standard :
https://formation.sapikdesign.com/classe-css-dans-elementor/
Construire le footer avec les Widgets :
https://formation.sapikdesign.com/composer-son-footer-avec-les-widgets/
Jour 5
Afficher des Articles dans une Page
Avec l’extension Livemesh AddOns for Elementor
Un carrousel des derniers articles dans la page d’accueil :
https://formation.sapikdesign.com/afficher-un-carrousel-darticles-sur-la-page-daccueil-avec-livemesh-for-elementor/
Créer une page Programmation, pour remplacer la catégorie, et afficher les artistes journée par journée sous forme de grille :
https://formation.sapikdesign.com/afficher-une-grille-darticles-dans-une-page-avec-livemesh-for-elementor/
Optimiser le référencement naturel du site
Avec l’extension SEO Press
Dans son tableau de bord, l’extension dispense des conseils pour améliorer le référencement du site en général.
Les différentes options permettent aussi de relier le site aux réseaux sociaux et à Google Analytics, et d’ajouter le bandeau d’acceptation des cookies (obligatoire si on utilise Google Analytics ou Youtube).
Pour chaque Page, Article et Catégorie, on peut indiquer un Meta Title et une Meta Description, qui s’afficheront dans les résultats des moteurs de recherche au lieu du titre de base et des premiers mots trouvés dans le contenu.
On peut également analyser son contenu en fonction de mots clés :
on définit le terme principal de la page et l’analyse détecte si le terme est assez présent dans la page et si elle est construite de façon optimale. Avec différents niveaux de titres, des liens, des images avec leur texte alternatif, etc.