WordPress - Module 3 : Personnalisation et gestion du contenu
Objectifs du module :
Apprendre à personnaliser les menus, widgets et autres éléments de navigation.
Gérer et organiser les médias (images, vidéos, etc.) sur le site.
Comprendre et maîtriser l’éditeur de blocs Gutenberg pour ajouter du contenu dynamique et interactif.
Gérer les paramètres de lecture, de partage, et de visibilité du contenu.
1. Gestion et personnalisation des menus
Qu'est-ce qu'un menu dans WordPress ?
Un menu permet de structurer la navigation de votre site. Il peut comporter des pages, des catégories, des liens externes, ou même des articles récents.
Créer un menu de navigation personnalisé :
Allez dans Apparence > Menus.
Créez un nouveau menu en lui donnant un nom (ex. "Menu principal").
Ajoutez des éléments de menu, comme des pages, des articles, des catégories, ou des liens personnalisés.
Organisez les éléments du menu par glisser-déposer. Vous pouvez créer des sous-menus en les faisant glisser légèrement vers la droite.
Enregistrez votre menu et affectez-le à une zone du site (comme la barre de navigation principale ou le pied de page).
Personnalisation avancée du menu :
Certains thèmes proposent des options avancées, comme des menus verticaux, des menus déroulants, ou des menus mobiles.
Vous pouvez utiliser des classes CSS personnalisées dans l’option "Classes CSS" pour modifier l’apparence de certains éléments du menu.
2. Utilisation et gestion des widgets
Qu'est-ce qu'un widget ?
Les widgets sont de petites sections ajoutées dans des zones spécifiques de votre site (barre latérale, pied de page, etc.) pour afficher des contenus supplémentaires, comme un calendrier, des articles récents, une barre de recherche, des formulaires, etc.
Ajouter et personnaliser des widgets :
Allez dans Apparence > Widgets.
Sélectionnez un widget dans la liste (ex. "Derniers articles", "Archives", "Recherche").
Faites glisser ce widget dans une des zones de widget disponibles (barre latérale, pied de page, etc.).
Modifiez les paramètres du widget en fonction de vos besoins. Par exemple, vous pouvez définir le nombre d'articles à afficher dans le widget "Derniers articles" ou le titre du widget.
Cliquez sur Enregistrer pour finaliser l’ajout du widget.
Exemples de widgets utiles :
Calendrier : Affiche un calendrier avec les dates des articles publiés.
Articles récents : Liste des derniers articles publiés.
Tag Cloud : Nuage de mots-clés pour faciliter la navigation.
Formulaire de contact : Permet aux utilisateurs d’envoyer des messages via votre site.
3. Gestion des médias (images, vidéos, fichiers)
Qu'est-ce qu'un média ?
Un média dans WordPress comprend les images, vidéos, fichiers audio, et autres documents (PDF, fichiers ZIP, etc.) que vous ajoutez à votre site.
Télécharger des médias :
Allez dans Médias > Ajouter.
Cliquez sur Sélectionner des fichiers et choisissez les fichiers que vous souhaitez ajouter depuis votre ordinateur.
Une fois le fichier téléchargé, vous pouvez le voir dans la bibliothèque de médias.
Gérer la bibliothèque de médias :
Dans Médias > Bibliothèque, vous pouvez trier, filtrer et modifier vos fichiers médias. Vous pouvez également supprimer des fichiers inutilisés.
Ajouter des médias dans les pages et articles :
Lors de l'édition d'un article ou d'une page, cliquez sur Ajouter un média.
Sélectionnez une image ou un fichier depuis la bibliothèque de médias ou téléchargez-en un nouveau.
Une fois l’image insérée, vous pouvez définir son alignement, taille, et ajouter des légendes.
Optimisation des médias :
Réduire la taille des images avant de les télécharger pour améliorer la vitesse du site.
Utiliser un plugin comme Smush pour compresser automatiquement les images sans perte de qualité.
Ajouter des balises alt aux images pour améliorer le SEO.
4. Maîtrise de l’éditeur de blocs Gutenberg
Créer un menu de navigation :
Qu'est-ce que Gutenberg ?
Gutenberg est l’éditeur de contenu par défaut de WordPress depuis la version 5.0. Il repose sur un système de blocs pour ajouter des éléments tels que des titres, des images, des vidéos, des paragraphes, des boutons, etc. Chaque élément de contenu est un "bloc" distinct.
Utilisation de l'éditeur Gutenberg :
Ajouter un bloc : Cliquez sur le bouton "+" pour ajouter un bloc à votre contenu. Vous pouvez choisir parmi différents types de blocs, tels que Texte, Image, Galerie, Vidéo, Citation, Liste, etc.
Modifier un bloc : Une fois ajouté, chaque bloc peut être personnalisé à l’aide de la barre d’outils située au-dessus de l'élément. Par exemple, pour un bloc de texte, vous pouvez ajuster la taille de la police, la couleur, l'alignement, etc.
Organiser les blocs : Faites glisser les blocs pour réorganiser l'ordre des éléments dans vos pages et articles.
Créer des colonnes : Ajoutez un bloc de Colonnes pour créer des mises en page en plusieurs colonnes.
Blocs courants :
Image : Pour ajouter des images.
Galerie : Pour ajouter une galerie d'images.
Audio/Vidéo : Pour intégrer des fichiers audio ou des vidéos.
Tableau : Pour créer des tableaux.
Citation : Pour ajouter des citations mises en forme.
Boutons : Pour ajouter des boutons cliquables avec des liens.
Utilisation des modèles de blocs :
Gutenberg offre aussi des modèles de blocs prédéfinis, ce qui peut être utile pour des pages comme Contact, À propos, ou Blog.
Création de contenu dynamique avec des blocs :
Par exemple, vous pouvez ajouter un bloc Shortcode pour insérer des fonctionnalités spécifiques d’un plugin ou une Carte Google Maps pour afficher une adresse physique.
5. Gestion de la visibilité et de la publication du contenu
Gestion de la publication :
WordPress offre plusieurs options pour gérer la visibilité et la publication des articles et pages :
Publier immédiatement : Le contenu est publié immédiatement sur le site.
Planifier : Vous pouvez planifier la publication d’un contenu à une date et heure spécifiques.
Mettre en brouillon : Le contenu est sauvegardé, mais n’est pas encore visible publiquement.
Privé : Le contenu est visible uniquement par les utilisateurs connectés disposant des droits nécessaires.
Gestion des commentaires :
Réglages > Discussion : Vous pouvez gérer la modération des commentaires, approuver ou refuser les commentaires avant qu'ils ne soient publiés.
Gestion des commentaires dans les articles : Vous pouvez activer/désactiver les commentaires pour chaque article via les options de discussion.
6. Exercices pratiques
Exercice 1 : Créer un menu personnalisé pour la navigation principale.
Exercice 2 : Ajouter plusieurs widgets dans la barre latérale et le pied de page.
Exercice 3 : Télécharger et insérer des images dans une page ou un article.
Exercice 4 : Utiliser l’éditeur Gutenberg pour ajouter différents types de blocs à une page (texte, image, bouton, etc.).
7. Conclusion du module
À la fin de ce module, vous serez capable de :
Créer et gérer des menus pour améliorer la navigation de votre site.
Utiliser et personnaliser des widgets pour ajouter des éléments dynamiques.
Gérer efficacement vos médias pour optimiser le contenu visuel de votre site.
Utiliser l'éditeur de blocs Gutenberg pour créer des pages et des articles dynamiques.
Support et ressources complémentaires :
Documentation Gutenberg : Gutenberg Handbook
Plugins recommandés : Smush (pour l'optimisation des images), Elementor (pour la création de pages avec des blocs).
Tutoriels vidéos : Consultez des tutoriels pour approfondir l’utilisation des blocs et de Gutenberg.
Ce module vise à fournir une compréhension approfondie de la personnalisation du contenu sur WordPress, en vous aidant à rendre votre site non seulement fonctionnel, mais également visuellement attrayant et facile à naviguer. Si vous avez des questions ou souhaitez plus de détails, n'hésitez pas à demander ! 😊