Les extensions WordPress
Comprendre ce qu’est une extension, l’installer, l’activer, la gérer, la désactiver et la supprimer proprement, puis la personnaliser, la placer sur le site grâce aux widgets et traduire thèmes et extensions.
Définition des extensions
Extensions · en anglais : plugins
Une extension est un module qui ajoute une fonction à WordPress sans toucher à son code : formulaire de contact, référencement, sécurité, bandeau cookies, quiz… Le cœur de WordPress reste volontairement simple ; les extensions le complètent à la carte.
| Élément | Rôle | Exemple |
|---|---|---|
| Cœur WordPress | Gère contenus, médias, comptes, réglages | Articles, pages, médiathèque |
| Thème | Gère l’apparence du site | Unos News sur a3iformations.fr |
| Extension | Ajoute une fonctionnalité | WPForms, Complianz, Loco Translate |
Où trouver des extensions
- Le répertoire officiel wordpress.org/plugins : plus de 60 000 extensions gratuites, vérifiées à la publication.
- Les éditeurs (versions « Pro » payantes) : fichier .zip livré après achat avec une clé de licence.
- Les extensions maison : développées sur mesure. Sur a3iformations.fr, les extensions A3I – SEO Title & Description ou les Quiz Pro en sont des exemples.
wp-content/plugins. C’est pour cela que l’on peut aussi l’installer ou la retirer par FTP.Exercice 1 · Découverte
Pour chaque besoin, dites s’il relève du thème ou d’une extension : changer la couleur des titres ; ajouter un formulaire de devis ; afficher un bandeau cookies ; modifier la police du menu ; limiter les tentatives de connexion.
Voir le corrigé
Thème : couleur des titres, police du menu. Extension : formulaire de devis (WPForms), bandeau cookies (Complianz), limitation des connexions (WPS Limit Login).
Téléchargement et installation d’une extension
Extensions › Ajouter une extension
Méthode 1 : depuis le répertoire officiel
- Ouvrir Extensions › Ajouter une extension.
- Taper un mot-clé dans Rechercher des extensions (par exemple « formulaire de contact »).
- Comparer les résultats : note, nombre d’installations actives, date de dernière mise à jour, compatibilité.
- Cliquer sur Installer maintenant sur la carte choisie.
Méthode 2 : téléverser un fichier .zip
- Télécharger le .zip depuis le site de l’éditeur (sans le décompresser).
- Ouvrir Extensions › Ajouter une extension, puis cliquer sur Téléverser une extension en haut de l’écran.
- Cliquer sur Choisir un fichier, sélectionner le .zip, puis Installer maintenant.
Méthode 3 : par FTP
Décompresser le .zip et envoyer le dossier obtenu dans wp-content/plugins avec FileZilla. L’extension apparaît ensuite dans la liste, prête à être activée.
| Critère de choix | Bon signe |
|---|---|
| Installations actives | Plusieurs milliers au minimum |
| Dernière mise à jour | Moins de 6 mois |
| Compatibilité | Testée avec votre version de WordPress |
| Notes et forum d’assistance | Bonne note, questions résolues |
Exercice 2 · Application
Installez depuis le répertoire officiel l’extension Duplicate Page, sans l’activer. Notez son nombre d’installations actives et sa date de dernière mise à jour.
Voir le corrigé
Extensions › Ajouter une extension › rechercher « Duplicate Page » › vérifier les informations sur la carte (ou via Plus de détails) › Installer maintenant. Ne pas cliquer ensuite sur Activer : l’extension apparaît dans la liste comme inactive.
Activer une extension
Extensions › Extensions installées › Activer
Une extension installée ne fait rien tant qu’elle n’est pas activée.
- Juste après l’installation, cliquer sur le bouton Activer ; ou bien ouvrir Extensions › Extensions installées.
- Repérer l’extension (ligne sur fond blanc = inactive) et cliquer sur Activer sous son nom.
- La ligne passe sur fond bleuté : l’extension est active.
- Chercher son nouveau menu : dans la barre latérale, ou dans Réglages, Outils ou Apparence.
Exercice 3 · Découverte
Activez Duplicate Page, puis trouvez où elle s’est ajoutée dans l’interface.
Voir le corrigé
Extensions installées › Activer sous Duplicate Page. Elle ajoute un lien Duplicate This au survol de chaque article ou page dans les listes, et un menu de réglages dans Réglages › Duplicate Page.
Lister et gérer les extensions
Extensions › Extensions installées
- Filtres : Toutes, Actives, Inactives, Mises à jour disponibles, Mises à jour auto désactivées.
- Rechercher les extensions installées : utile sur un site qui en compte une quarantaine, comme a3iformations.fr.
- Colonne Mises à jour automatiques : lien Activer les mises à jour auto extension par extension.
- Actions groupées : activer, désactiver, mettre à jour, supprimer plusieurs extensions à la fois.
- Voir les détails : version, auteur, journal des modifications.
Mettre à jour
- Faire une sauvegarde du site (fichiers et base de données).
- Ouvrir Tableau de bord › Mises à jour ou le filtre Mises à jour disponibles.
- Lire le journal des modifications des extensions importantes.
- Cocher les extensions, puis Mettre à jour les extensions.
- Vérifier le site public et les fonctions clés (formulaire, menus, quiz).
Exercice 4 · Application
Affichez uniquement les extensions inactives, puis activez les mises à jour automatiques pour Duplicate Page.
Voir le corrigé
Extensions installées › filtre Inactives. Puis filtre Toutes › ligne Duplicate Page › colonne Mises à jour automatiques › Activer les mises à jour auto.
Désactiver une extension
Extensions › Extensions installées › Désactiver
Désactiver arrête l’extension sans effacer ses réglages : on peut la réactiver plus tard et la retrouver telle quelle.
- Ouvrir Extensions › Extensions installées.
- Cliquer sur Désactiver sous le nom de l’extension.
- Vérifier le site : les fonctions de l’extension (shortcode, widget, bloc) ne s’affichent plus.
Diagnostiquer une panne
Après une mise à jour, une page blanche ou une erreur critique vient souvent d’un conflit d’extensions. Méthode :
- Désactiver toutes les extensions (case d’en-tête › Actions groupées › Désactiver).
- Les réactiver une par une en testant le site à chaque fois.
- La dernière réactivée avant la panne est la coupable : la laisser désactivée et contacter son support.
wpforms-lite-off) dans wp-content/plugins : WordPress la désactive automatiquement.Exercice 5 · Application
Sur votre site de test, le formulaire de contact a disparu après une série de mises à jour. Décrivez votre démarche de diagnostic.
Voir le corrigé
Vérifier d’abord que l’extension de formulaire est toujours active. Si oui : désactiver toutes les autres extensions, tester, puis les réactiver une à une jusqu’à voir le formulaire disparaître. Consulter aussi Outils › Santé du site pour les erreurs signalées.
Supprimer une extension
Extensions › Extensions installées › Supprimer
- Désactiver l’extension : le lien Supprimer n’apparaît que sur une extension inactive.
- Cliquer sur Supprimer, puis confirmer.
- Vérifier qu’il ne reste pas de shortcode orphelin dans vos pages (texte entre crochets affiché tel quel).
Exercice 6 · Découverte
Supprimez l’extension Hello Dolly installée par défaut sur votre site de test.
Voir le corrigé
Extensions installées › Hello Dolly est inactive par défaut › lien Supprimer › confirmer. Elle disparaît de la liste et de wp-content/plugins.
Personnaliser les extensions
Menu de l’extension · Réglages › nom de l’extension
Chaque extension a son propre écran de réglages. On y retrouve presque toujours les mêmes familles d’options :
| Famille | Exemple sur a3iformations.fr |
|---|---|
| Paramètres généraux | WP Mail SMTP : serveur d’envoi des e-mails du site |
| Apparence | Complianz : couleurs et position du bandeau cookies |
| Contenu et textes | WPForms : messages de confirmation et d’erreur |
| Sécurité | WPS Limit Login : nombre de tentatives et durée du blocage |
| Intégrations | WP Statistics : exclusions de rôles et d’adresses IP |
Personnaliser plus loin
- CSS additionnel : Apparence › Personnaliser › CSS additionnel pour modifier l’aspect d’une extension sans toucher à ses fichiers.
- Extraits de code : une extension comme Insert PHP Code Snippet ajoute du PHP sans modifier le thème.
- Modules complémentaires (add-ons) : options supplémentaires vendues par l’éditeur.
Exercice 7 · Application
Sur votre site de test, changez la couleur du bouton d’envoi des formulaires WPForms en azure A3I (#0078D4) sans modifier l’extension.
Voir le corrigé
Apparence › Personnaliser › CSS additionnel › saisir .wpforms-submit { background:#0078D4 !important; } › Publier. La couleur reste en place après les mises à jour de WPForms.
Les widgets
Apparence › Widgets
Un widget est un petit bloc de contenu placé dans une zone de widgets définie par le thème : barre latérale, pied de page, en-tête. Les extensions ajoutent souvent leurs propres widgets.
| Zone (thème Unos News) | Contenu actuel sur a3iformations.fr |
|---|---|
| Primary Sidebar | Colonne de gauche : badges Qualiopi et TOSA |
| Secondary Sidebar | Colonne de droite : coordonnées et contact |
| Footer A, B, C Column | Colonnes du pied de page |
| Widgets désactivés | Widgets retirés mais conservés avec leurs réglages |
- Ouvrir Apparence › Widgets : chaque zone apparaît comme un panneau dépliable.
- Déplier la zone voulue et cliquer sur le + pour ajouter un bloc (Paragraphe, Image, Liste des derniers articles, Formulaire WPForms…).
- Régler le bloc dans le panneau de droite.
- Faire glisser les blocs pour changer leur ordre, puis cliquer sur Mettre à jour.
Exercice 8 · Application
Ajoutez dans la barre latérale de votre site de test un widget « Derniers articles » limité à 3 articles avec la date, sous un titre « Actualités ».
Voir le corrigé
Apparence › Widgets › déplier la barre latérale › + › bloc Titre « Actualités » › + › bloc Derniers articles › réglages : nombre 3, activer Afficher la date de publication › Mettre à jour.
Positionner les extensions
Bloc · Shortcode · Widget · Contexte d’affichage
Une fois active, une extension doit souvent être placée à l’endroit voulu du site. Quatre méthodes existent :
| Méthode | Comment | Exemple |
|---|---|---|
| Bloc Gutenberg | Dans l’éditeur, bouton + puis le bloc de l’extension | Bloc WPForms dans la page Devis |
| Shortcode | Code entre crochets collé dans un bloc Code court | |
| Widget | Apparence › Widgets, dans une zone du thème | Formulaire dans la barre latérale |
| Automatique | L’extension se place seule, réglage dans ses options | Bandeau Complianz, méga menu |
Choisir où un widget s’affiche
Par défaut, un widget apparaît sur toutes les pages qui affichent sa zone. L’extension Widget Context, active sur a3iformations.fr, ajoute sous chaque widget des options d’affichage :
- Ouvrir Apparence › Widgets et déplier le widget.
- Dans Widget Context, choisir Show widget everywhere, Show on selected pages ou Hide on selected pages.
- Cocher les types de pages (accueil, articles, archives) ou saisir les adresses concernées, une par ligne.
- Mettre à jour et contrôler sur le site public.
Exercice 9 · Maîtrise
Affichez votre formulaire de contact WPForms dans la barre latérale uniquement sur les pages de formation, et ailleurs nulle part.
Voir le corrigé
Apparence › Widgets › barre latérale › + › bloc WPForms › choisir le formulaire. Dans Widget Context : Show on selected pages › saisir les adresses des pages de formation (par exemple formation-*) › Mettre à jour. Vérifier sur une page de formation puis sur l’accueil.
Traduire les thèmes et les extensions associées
Tableau de bord › Mises à jour · Loco Translate
Les traductions automatiques
Si le site est réglé en français (Réglages › Général › Langue du site), WordPress télécharge automatiquement les traductions officielles du cœur, des thèmes et des extensions du répertoire. On les met à jour dans Tableau de bord › Mises à jour › Mettre à jour les traductions.
Compléter une traduction avec Loco Translate
- Installer et activer Loco Translate (déjà actif sur a3iformations.fr).
- Ouvrir Loco Translate › Thèmes ou Loco Translate › Extensions et choisir l’élément à traduire.
- Cliquer sur Nouvelle langue ou sur la langue Français existante.
- Choisir l’emplacement Custom (
languages/loco) : vos traductions survivront aux mises à jour. - Rechercher la phrase anglaise, saisir sa traduction en français, puis cliquer sur Enregistrer.
| Fichier | Rôle |
|---|---|
| .pot | Modèle : toutes les phrases à traduire |
| .po | Traduction lisible et modifiable |
| .mo / .l10n.php | Version compilée utilisée par WordPress |
Exercice 10 · Maîtrise
Le libellé « Read more » du thème s’affiche en anglais sur votre site de test. Remplacez-le par « Lire la suite » sans qu’une mise à jour l’efface.
Voir le corrigé
Loco Translate › Thèmes › votre thème › Français (ou Nouvelle langue › Français, emplacement Custom) › rechercher « Read more » › traduction « Lire la suite » › Enregistrer. Vider le cache éventuel et vérifier la page d’accueil du blog.
Atelier : équiper un site vitrine
Atelier noté sur 20 points · site de test
L’organisme « Form’Avenir » veut un site vitrine sécurisé, avec formulaire de contact et bandeau cookies. Équipez votre site de test.
| Consigne | Points |
|---|---|
| 1. Supprimer les extensions installées par défaut et inutiles | 2 |
| 2. Installer et activer WPForms Lite depuis le répertoire officiel | 2 |
| 3. Créer un formulaire de contact et le placer sur la page Contact avec le bloc | 3 |
| 4. Installer une extension de bandeau cookies et régler ses couleurs sur la charte | 3 |
| 5. Installer une extension qui limite les tentatives de connexion et la configurer | 2 |
| 6. Ajouter le formulaire dans la barre latérale, visible sur les seuls articles | 3 |
| 7. Activer les mises à jour automatiques des petites extensions | 2 |
| 8. Traduire en français un libellé resté en anglais avec Loco Translate | 3 |
Voir le corrigé
1. Extensions installées › Hello Dolly (et Akismet si non utilisé) › Supprimer. 2. Ajouter une extension › « WPForms » › Installer › Activer. 3. WPForms › Ajouter › modèle Formulaire de contact simple › Enregistrer ; page Contact › + › bloc WPForms › choisir le formulaire › Mettre à jour. 4. Complianz (ou équivalent) › assistant › onglet Apparence : couleurs #003A6C et #0078D4. 5. WPS Limit Login (ou Limit Login Attempts Reloaded) › 3 à 5 tentatives, blocage 20 minutes. 6. Apparence › Widgets › barre latérale › bloc WPForms ; Widget Context › Show on selected pages › cocher Articles. 7. Colonne Mises à jour automatiques › Activer pour les extensions secondaires. 8. Loco Translate › Extensions ou Thèmes › Français, emplacement Custom › traduire › Enregistrer.
A3iformations · organisme certifié Qualiopi et centre de passage TOSA · Formation WordPress · Module « Les extensions »