A3iformations · Formation WordPress

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.

10 notions + atelierPas à pas + astucesExercices corrigésExemples du site a3iformations.fr
01

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émentRôleExemple
Cœur WordPressGère contenus, médias, comptes, réglagesArticles, pages, médiathèque
ThèmeGère l’apparence du siteUnos News sur a3iformations.fr
ExtensionAjoute 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.
Bon à savoirUne extension est un dossier de fichiers PHP rangé dans 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).

02

Téléchargement et installation d’une extension

Extensions › Ajouter une extension

Méthode 1 : depuis le répertoire officiel

  1. Ouvrir Extensions › Ajouter une extension.
  2. Taper un mot-clé dans Rechercher des extensions (par exemple « formulaire de contact »).
  3. Comparer les résultats : note, nombre d’installations actives, date de dernière mise à jour, compatibilité.
  4. Cliquer sur Installer maintenant sur la carte choisie.

Méthode 2 : téléverser un fichier .zip

  1. Télécharger le .zip depuis le site de l’éditeur (sans le décompresser).
  2. Ouvrir Extensions › Ajouter une extension, puis cliquer sur Téléverser une extension en haut de l’écran.
  3. 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 choixBon signe
Installations activesPlusieurs milliers au minimum
Dernière mise à jourMoins de 6 mois
CompatibilitéTestée avec votre version de WordPress
Notes et forum d’assistanceBonne note, questions résolues
AttentionNe téléchargez jamais une version « nulled » (version Pro piratée et gratuite) : elle contient très souvent du code malveillant qui ouvre une porte dérobée sur le site.

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.

03

Activer une extension

Extensions › Extensions installées › Activer

Une extension installée ne fait rien tant qu’elle n’est pas activée.

  1. Juste après l’installation, cliquer sur le bouton Activer ; ou bien ouvrir Extensions › Extensions installées.
  2. Repérer l’extension (ligne sur fond blanc = inactive) et cliquer sur Activer sous son nom.
  3. La ligne passe sur fond bleuté : l’extension est active.
  4. Chercher son nouveau menu : dans la barre latérale, ou dans Réglages, Outils ou Apparence.
AstuceBeaucoup d’extensions ajoutent un lien Réglages ou Settings directement sous leur nom dans la liste : c’est le chemin le plus court vers leur configuration.
Bon à savoirCertaines extensions lancent un assistant de configuration à la première activation (WPForms, Complianz, WP Mail SMTP). Vous pouvez le passer et y revenir plus tard.

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.

04

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

  1. Faire une sauvegarde du site (fichiers et base de données).
  2. Ouvrir Tableau de bord › Mises à jour ou le filtre Mises à jour disponibles.
  3. Lire le journal des modifications des extensions importantes.
  4. Cocher les extensions, puis Mettre à jour les extensions.
  5. Vérifier le site public et les fonctions clés (formulaire, menus, quiz).
AstuceSur a3iformations.fr, l’extension Easy Updates Manager centralise la politique de mises à jour : automatiques pour les petites extensions, manuelles pour les extensions critiques.

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.

05

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.

  1. Ouvrir Extensions › Extensions installées.
  2. Cliquer sur Désactiver sous le nom de l’extension.
  3. 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 :

  1. Désactiver toutes les extensions (case d’en-tête › Actions groupées › Désactiver).
  2. Les réactiver une par une en testant le site à chaque fois.
  3. La dernière réactivée avant la panne est la coupable : la laisser désactivée et contacter son support.
AttentionSi l’administration est inaccessible, renommez par FTP le dossier de l’extension en cause (par exemple 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.

06

Supprimer une extension

Extensions › Extensions installées › Supprimer

  1. Désactiver l’extension : le lien Supprimer n’apparaît que sur une extension inactive.
  2. Cliquer sur Supprimer, puis confirmer.
  3. Vérifier qu’il ne reste pas de shortcode orphelin dans vos pages (texte entre crochets affiché tel quel).
Bon à savoirSelon l’extension, la suppression efface ou non ses données (réglages, tables en base, entrées de formulaires). Certaines proposent une option Supprimer les données à la désinstallation dans leurs réglages.
AstuceUne extension inactive inutile reste une faille potentielle si elle n’est plus mise à jour : supprimez ce qui ne sert pas, au lieu de le laisser désactivé.

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.

07

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 :

FamilleExemple sur a3iformations.fr
Paramètres générauxWP Mail SMTP : serveur d’envoi des e-mails du site
ApparenceComplianz : couleurs et position du bandeau cookies
Contenu et textesWPForms : messages de confirmation et d’erreur
SécuritéWPS Limit Login : nombre de tentatives et durée du blocage
IntégrationsWP 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.
AttentionNe modifiez jamais directement les fichiers d’une extension : la prochaine mise à jour écrasera vos changements.

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.

08

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 SidebarColonne de gauche : badges Qualiopi et TOSA
Secondary SidebarColonne de droite : coordonnées et contact
Footer A, B, C ColumnColonnes du pied de page
Widgets désactivésWidgets retirés mais conservés avec leurs réglages
  1. Ouvrir Apparence › Widgets : chaque zone apparaît comme un panneau dépliable.
  2. Déplier la zone voulue et cliquer sur le + pour ajouter un bloc (Paragraphe, Image, Liste des derniers articles, Formulaire WPForms…).
  3. Régler le bloc dans le panneau de droite.
  4. Faire glisser les blocs pour changer leur ordre, puis cliquer sur Mettre à jour.
AstucePour retirer un widget sans perdre son contenu, déplacez-le dans Widgets désactivés plutôt que de le supprimer.
Bon à savoirOn retrouve les mêmes zones dans Apparence › Personnaliser › Widgets, avec un aperçu en direct du site.

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.

09

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éthodeCommentExemple
Bloc GutenbergDans l’éditeur, bouton + puis le bloc de l’extensionBloc WPForms dans la page Devis
ShortcodeCode entre crochets collé dans un bloc Code court
WidgetApparence › Widgets, dans une zone du thèmeFormulaire dans la barre latérale
AutomatiqueL’extension se place seule, réglage dans ses optionsBandeau 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 :

  1. Ouvrir Apparence › Widgets et déplier le widget.
  2. Dans Widget Context, choisir Show widget everywhere, Show on selected pages ou Hide on selected pages.
  3. Cocher les types de pages (accueil, articles, archives) ou saisir les adresses concernées, une par ligne.
  4. Mettre à jour et contrôler sur le site public.
AstuceLe shortcode d’une extension se trouve en général dans sa liste d’éléments (WPForms › Tous les formulaires, colonne Shortcode) : copiez-le tel quel.

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.

10

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

  1. Installer et activer Loco Translate (déjà actif sur a3iformations.fr).
  2. Ouvrir Loco Translate › Thèmes ou Loco Translate › Extensions et choisir l’élément à traduire.
  3. Cliquer sur Nouvelle langue ou sur la langue Français existante.
  4. Choisir l’emplacement Custom (languages/loco) : vos traductions survivront aux mises à jour.
  5. Rechercher la phrase anglaise, saisir sa traduction en français, puis cliquer sur Enregistrer.
FichierRôle
.potModèle : toutes les phrases à traduire
.poTraduction lisible et modifiable
.mo / .l10n.phpVersion compilée utilisée par WordPress
AttentionN’enregistrez pas vos traductions dans l’emplacement Author (le dossier de l’extension) : la prochaine mise à jour les effacerait.
Bon à savoirTraduire l’interface ne traduit pas les contenus. Pour un site bilingue (articles et pages en anglais), il faut une extension multilingue comme Polylang ou WPML.

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.

11

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.

ConsignePoints
1. Supprimer les extensions installées par défaut et inutiles2
2. Installer et activer WPForms Lite depuis le répertoire officiel2
3. Créer un formulaire de contact et le placer sur la page Contact avec le bloc3
4. Installer une extension de bandeau cookies et régler ses couleurs sur la charte3
5. Installer une extension qui limite les tentatives de connexion et la configurer2
6. Ajouter le formulaire dans la barre latérale, visible sur les seuls articles3
7. Activer les mises à jour automatiques des petites extensions2
8. Traduire en français un libellé resté en anglais avec Loco Translate3
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.

AstuceMoins d’extensions, c’est un site plus rapide et plus sûr. Avant d’en installer une, demandez-vous si le cœur de WordPress ou le thème ne fait pas déjà le travail.

A3iformations · organisme certifié Qualiopi et centre de passage TOSA · Formation WordPress · Module « Les extensions »