Historique des conversations
Chargement...
Chapitre 5 : Médias
1. La Bibliothèque de Médias
La bibliothèque est le lieu centralisé où sont stockés tous vos fichiers : images, vidéos, documents PDF, fichiers audio, etc. Vous pouvez y accéder via le menu Médias > Bibliothèque.
Comment ajouter un média ?
Deux méthodes simples :
- Glisser-déposer : Depuis votre ordinateur directement dans l'interface WordPress.
- Bouton "Ajouter" : En haut de la bibliothèque.
2. Optimisation des Images (Crucial)
L'une des causes principales de lenteur d'un site web est l'utilisation d'images trop lourdes. Voici les règles d'or :
Poids
Visez moins de 100 Ko pour une image standard, maximum 300 Ko pour une bannière.
Dimensions
Ne téléchargez pas une image de 5000px si elle ne sera affichée que sur 800px de large.
Format
Utilisez WebP (le meilleur) ou JPG. Évitez le PNG sauf pour la transparence.
Le Texte Alternatif (Alt Text)
Lorsqu'un média est sélectionné, un volet de détails s'affiche à droite. Le champ le plus important est le "Texte alternatif" :
- Accessibilité : Permet aux non-voyants de comprendre l'image via leur lecteur d'écran.
- SEO (Google) : Aide Google à indexer votre contenu et à vous faire apparaître dans Google Images.
Exemple : "Chien de berger australien jouant avec une balle rouge" (plutôt que "image1.jpg").
Édition d'image intégrée
Saviez-vous que WordPress possède un mini-logiciel de retouche ? En cliquant sur "Modifier l'image", vous pouvez :
- Recadrer la photo.
- Effectuer une Rotation.
- Redimensionner directement depuis le serveur.
Résumé
Uploadez des images optimisées, donnez-leur de bons noms de fichiers et n'oubliez jamais le texte alternatif !
Évaluation des acquis
Correction immédiate
Quiz du chapitre 5
Ateliers pratiques & Projets
Testez vos compétences avec nos exercices guidés et le tuteur IA.
Ateliers pratiques & Corrigés détaillés
Ateliers pratiques & Corrigés
#1 — Comprendre les notions
Atelier #1Expliquez avec vos mots le concept central de ce chapitre.
Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
/* Reportez-vous au cours */
#2 — Application guidée
Atelier #2Reprenez l'exemple du cours et réalisez un cas pratique.
Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
/* Comparez vos résultats avec les exemples */
#3 — Mini défi d'autonomie
Atelier #3Concevez une mini-solution liée à ce chapitre.
Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
/* Vérifiez la cohérence technique */