CHAPITRE IV

Installer des plugins ou extensions sur son site WordPress

Après avoir vu comment créer des pages, des articles et des menus, il nous reste deux éléments important pour faire le tour de wordpress : 

Le premier sont les plugins ou extensions
Le second sont les thèmes 

Nous allons donc commencer par les plugins. 

A quoi sert un plugin WordPress ? :

Simplement, puisque WordPress est en open source, ce sont des outils qui vont pouvoir être installées sur WordPress pour ajouter des nouvelles fonctionnalités. 

On retrouve donc des plugins, ou extensions, de sécurité, d’ergonomie, de performance, etc.

plugins wordpress
WordPress dispose d'une bibliothèque de plus de 55 000 plugins.

Tous les plugins ne sont pas bon, puisque WordPress est en OpenSource, n’importe qui peut développer des plugins pour la plateforme. 

Donc certains sont gratuits et d’autres nécessite de payer pour augmenter les fonctionnalités, beaucoup font la même chose également et certains peuvent également manquer d’ergonomie. 

On va donc voir comment installer un plugin et une liste des plugins important à installer dès maintenant.

Sommaire chapitre 4 :

Installer des plugins sur son site WordPress

Première chose on va accéder à la liste des plugins ou extensions, instalées sur notre site. 

Accéder à la liste des plugins installés :

Tout ce qui concerne la recherche, l’installation, la désactivation et la suppression des plugins se passe dans Tableau de bord > Extensions > Extensions installées :

installer plugin wordpress
Ici on accède à la liste des plugins installés.

Donc pour l’instant on a un seul plugin par défaut : Akismet Anti-Spam.

Il va nous servir (comme son nom l’indique), d’anti-spam. Donc très utile pour limiter tous les commentaires laissés par des machines sur nos articles et tous les spams en général. 

Chercher et installer un nouveau plugin (ou extension) :

Pour accéder à la bibliothèque de plugin de WordPress, il suffit de se rendre dans Tableau de bord > Extensions > Ajouter :

bibliotheque plugin wordpress
Ici on accède à la bibliothèque de plugin WordPress.

Premier plugin qu’on va installer et du coup utiliser comme exemple est Duplicate Page

Il va nous permettre (comme son nom l’indique également) de dupliquer une page. 

Pourquoi c’est utile ? 

Parce que quand on a passé une heure à faire la page parfaite c’est bien de pouvoir la dupliquer à chaque fois pour nos nouvelles pages plutôt que de recommencer d’une page blanche. 

Dans la barre de recherche en haut à droite sous Rechercher des extensions… on va taper Duplicate Page :

installer un plugin wordpress

Et d’une manière générale on va vraiment se fier à la note et au nombre d’installation active (nombre de personnes ayant le plugin installé sur leur site). 

On va donc installer celui-ci (meilleures notes et nombre d’installations) : 

duplicate page plugin wordpress

Donc pour l’installer on clique sur le bouton Installer puis sur Activer : 

activer plugin wordpress duplicate page

Ce qui va nous rediriger automatiquement vers la liste des plugins installés.

On voit bien Duplicate Page qui s’est installé. 

plugin activé wordpress

Paramétrer un plugin installé sur son site WordPress

Les plugins s’intègrent différemment dans notre Tableau de bord. 

Certains vont créer un nouvel onglet dans la colonne de gauche, d’autres vont aller dans l’onglet Outils ou Réglages par exemple. 

Pour voir les paramètres d’un plugin il suffit d’aller sur la liste des plugins installés (Tableau de bord > Extensions > Extensions installées) puis dans la liste des plugins de cliquer sur Réglage sous le nom du plugin : 

réglage plugin wordpress

Ici on va ouvrir automatiquement les paramètres du plugin et sur la barre latérale gauche on voit que pour Duplicate Page, les Réglages se situent dans Tableau de bord > Réglages > Duplicate Page

réglage plugin wordpress

Juste pour ce plugin Duplicate Page, on va pouvoir régler : 

  • L’état du contenu dupliqué, c’est à dire lorsque l’on duplique une page ou un post, ici on veut qu’il reste en brouillon et qu’il ne soit pas publié. 
  • Ensuite ou est ce qu’on veut se retrouver lorsque l’on duplique une page, ici toujours dans la liste des articles
  • On peut ajouter un suffixe pour les contenus dupliqués pour ne pas les confondre avec l’original par exemple copie
réglage plugin wordpress

Et enfin pour sauvegarder on clique bien sur Save Changes

Maintenant juste pour ce plugin, si je retourne dans Article > Tous les articles, lorsqu’on passe la souris sur le titre d’un article, on a une nouvelle option qui est apparue qui s’appelle Dupliquer :

Plugin actif duplicate page wordpress

Si on clique sur Dupliquer (par exemple ici sur l’article Faire de la plongée au Bélize), on a bien un nouvel Article qui est créé et qui est la copie conforme du précédent et qui est en mode Brouillon donc non publié en ligne. 

Maintenant on peut aller dedans et faire nos modifications pour créer un nouvel article à partir de celui-ci.

dupliquer un article plugin wordpress

Et ici on est dans Articles mais l’option existe également pour les pages de notre site donc dans Tableau de bord > Pages > Toutes les pages.

Installer des plugins recommandés sur son site WordPress

Duplicate Page est un des plugins recommandé car il va vraiment nous faciliter la vie. 

Maintenant voici les autres plugins à installer.

On retourne donc dans Tableau de bord > Extensions > Ajouter

Et à chaque fois on va aller installer et activer les plugins suivants : 

Plugin Login LockDown : Protéger les connections à son Tableau de bord

Il s’agit dans les résultats de la recherche de celui ci : 

login lockdown plugin wordpress

Comme la description l’indique, il va servir à limiter le nombre de tentatives de connection à notre Tableau de bord WordPress. 

En fait il va protéger l’accès contre les logiciels qui testent automatiquement des mots de passes multiples pour tenter de trouver l’accès à notre site. 

Donc on clique sur Installer puis Activer

Ce qui nous redirige automatiquement vers notre Tableau de bord > Extensions >Extensions installées

login lockdown plugin wordpress

Rien à paramétrer de notre côté pour Login LockDown.

Par contre si on se déconnecte de son tableau de bord en cliquant en haut à droite sur notre numéro d’admin puis sur Se déconnecter

wordpress se deconnecter

On arrive sur l’écran de connection à notre Tableau de bord. 

On y accède, pour rappel en tapant dans le navigateur : nomdenotresite.com/wp-admin

Et on voit bien que notre site est protégé par Login LockDown, comme écrit, Login form protected by Login LockDown :

connection wordpress plugin login lockdown

Donc maintenant on se reconnecte et on retourne dans Tableau de bord > Extensions > Ajouter

On reste dans la sécurité avec un autre plugin : 

Plugin WordPress HTTPS : sécuriser les pages de son site

Dans la recherche on va taper WordPress HTTPS et il s’agit de celui ci.

On l’installe et on l’active

plugin ssl https wordpress

Avec OVH on dispose automatiquement dans notre package d’un certificat SSL

En très très gros, ça va nous permettre d’authentifier nos pages, de sécuriser les connections avec le serveur qui héberge notre site et donc concrètement d’avoir d’ajouter un https:// devant l’url des pages de notre nom de domaine. 

L’intérêt est d’un point de vue utilisateur qui se retrouvent donc sur un site sécurisé. 

Et également pour les moteurs de recherche pour qui cela va avoir de l’importance. 

Donc maintenant, une fois le plugin Activé, on se retrouve dans Tableau de bord > Extensions > Extensions installées.

Déjà on retrouve bien le plugin WordPress HTTPS installé. 

Et dans la barre latérale gauche on a également un onglet HTTPS qui est apparu :

plugin ssl https wordpress

Déjà on retrouve bien le plugin WordPress HTTPS installé. 

Et dans la barre latérale gauche on a également un onglet HTTPS qui est apparu et qui correspond aux paramètres du plugin. 

Pour nous les paramètres par défaut son ok donc on ne va pas les changer. 

Maintenant on va aller voir comment mettre notre https devant l’url d’une page. Dans Tableau de bord > Pages > Ajouter, on se retrouve sur une nouvelle page

Et dans la barre latérale de droite on a maintenant une nouvelle options apparue : HTTPS

plugin ssl https wordpress

Pour sécuriser cette page, on va cocher Sécuriser l’article et cocher Sécuriser les articles enfants

Un article ou une page enfant est une page liée à une autre et accessible depuis cette page. Dans le menu on va retrouver les pages principales et dès qu’une page est mise en page enfant, elle sera donc automatiquement sécurisée avec un https:// devant son urls

plugin ssl https wordpress

Pour l’exemple on donne un titre et un url à sa page et on la publie

Si je regarde l’url de ma page j’ai bien un https:// devant, la page est donc bien sécurisée.

plugin ssl https wordpress

Plugin UpdraftPlus : créer des sauvegardes de son site

On va continuer d’installer des plugins importants. 

Donc on retourne dans Tableau de bord > Extensions > Ajouter, et on va chercher UpdraftPlus qu’on Installe et qu’on Active

Il s’agit de celui-ci : 

sauvegarder son site plugin wordpress updraft plus

UpdraftPlus va nous permettre de faire des sauvegarde de l’ensemble de notre site internet

Donc ultra important. 

Si par exemple notre site crash suite à un changement de thème ou autre, on va pouvoir revenir à une version antérieure du site grâce à ce plugin. 

Donc une fois le UpdraftPlus activé, on va se rendre dans Tableau de bord > Réglages > Sauvegardes UpdraftPlus :

sauvegarder son site plugin wordpress updraft plus

Depuis cet écran on va pouvoir faire la sauvegarde de notre site. 

On clique sur le gros bouton bleu Sauvegarder puis sur l’écran suivant on va cliquer également sur Sauvegarder

sauvegarder son site plugin wordpress updraft plus

UpdraftPlus lance alors la sauvegarde de notre site : 

sauvegarder son site plugin wordpress updraft plus

Une fois la sauvegarde terminée, dans Sauvegardes Existantes, on a bien une sauvegarde qui a été créée.

Si pour une raison ou pour une autre on a besoin de restaurer notre site à cette sauvegarde, il suffira de retourner dans Tableau de bord > Réglages > Sauvegardes UpdraftPlus, et de cliquer sur le bouton Restaurer

restaurer son site plugin wordpress updraft plus

Et UpdraftPlus va alors charger cette sauvegarde et restaurer notre site. 

Plugin Smush : Baisser la taille des images de son site

On va continuer en ajoutant le plugin suivant, Smush

Smush va servir à compresser les images à la bonne taille pour notre site. Le but est de réduire l’espace pris par les images car notre site a un espace limité sur les serveurs d’OVH et les images sont de loin ce qui va prendre le plus de place. 

Le fait de réduire le poids des images va également permettre à nos pages de charger plus vite et surtout sur mobile. Donc très bien pour les visiteurs de notre site et également pour les moteurs de recherche pour lesquels la vitesse de chargement des pages est important. 

Donc on va dans Tableau de bord > Extensions > Ajouter et on cherche Smush

Il s’agit de celui-ci qu’on Installe et Active

compresser image wordpress plugin Smush

Une fois Smush activé, on a un nouvel onglet Smush dans le menu de gauche de notre tableau de bord

On va cliquer dessus. 

compresser image wordpress plugin Smush

On arrive sur le tableau de bord de Smush

On va commencer en dessous dans Settings par cocher : 

  • Automatically smush images on upload 
  • Resize my full size images
  • Detect and show incorrectly sized images

Ensuite on va enregistrer en cliquant sur Save changes.

compresser image wordpress plugin Smush

Maintenant on va compresser les images qu’on a déjà chargé sur notre site ( et qui se trouvent dans Tableau de bord > Médias > Bibliothèque).

Pour ça on remonte et on va cliquer sur le bouton Bulk Smush Now

compresser image wordpress plugin Smush

Smush va compresser les images :

compresser image wordpress plugin Smush

Et on va obtenir le message suivant lorsque c’est terminé : 

compresser image wordpress plugin Smush

Ce qui nous indique que les images ont bien été compressées

Donc comme on a lancé l’option de compresser les images automatiquement lorsqu’on les ajoute à notre site, on aura pas nécessairement à refaire cette manipulation tout le temps mais c’est bien d’aller voir de temps en temps et de relancer un Bulk Smush Now

Plugin BJ Lazy Load : Optimiser le chargement des pages de son site

Toujours dans Tableau de bord > Extensions > Ajouter, on va chercher BJ Lazy Load

Ce plugin va nous permettre de charger les pages de notre site plus rapidement pour l’utilisateur. 

Il va commencer par charger en premier les éléments visibles donc le haut de la page et ensuite charger le contenu au fur et à mesure que l’on descend le long de la page. 

On va donc avoir un site bien plus lisible notamment sur mobile en évitant d’aller charger des éléments de bas de page avant de charger le début. 

Il s’agit de celui-ci, on clique sur Installer et Activer

augmenter vitesse site wordpress plugin BJ Lazy load

Une fois le plugin installé, il n’y a rien à paramétrer. Il est tout de suite actif sera visible sur les pages en ligne. 

Plugin WP Super Cache : Gérer les fichiers cache de son site

Pour ce dernier plugin que nous allons installer pour l’instant, il s’agit de WP Super Cache.

Il va permettre de créer des fichiers caches

Ainsi les utilisateurs qui accèdent à notre site vont stocker en cache dans leur historique une partie de nos pages et donc la seconde fois qu’il retourneront sur notre site, il vont arriver très rapidement sur la page. 

C’est donc une bonne manière d’augmenter la vitesse de chargement des pages pour les visiteurs réguliers. 

On va donc à nouveau dans Tableau de bord > Extensions > Ajouter

Puis on cherche WP Super Cache

C’est celui-ci et comme pour les autres on l’installe et on l’active

augmenter vitesse site wordpress plugin WP Super Cache

Ensuite on va dans Tableau de bord > Réglages > WP Super Cache et on accède aux options du plugin.

On va sélectionner sous Mise en cache : Mise en cache Activée (Recommandé), puis on clique sur Mettre à jour les Statuts :

augmenter vitesse site wordpress plugin WP Super Cache

On vient ainsi d’activer le plugin et d’activer sa fonction de mise en cache des pages de notre site. 

Donc dès qu’un utilisateur va se connecter à une page de notre site, celle-ci sera mise en cache et donc la prochaine fois qu’il y retourne, elle va charger très rapidement parce qu’il aura déjà une partie du contenu stocké dans ses caches et historiques. 

Maintenant chose très importante, lorsque l’on fait des modifications sur sa page, il faut supprimer les caches

C’est à dire, indiquer aux utilisateurs que leur fichier cache est devenu obsolète et qu’ils doivent recharger la page car il y a eu des modifications qu’on a effectué depuis. 

Pour ça, dans la barre supérieure du tableau de bord, on a une option qui est apparue : Supprimer le Cache

augmenter vitesse site wordpress plugin WP Super Cache

Et en cliquant dessus on supprime tous les caches de son site. 

augmenter vitesse site wordpress plugin WP Super Cache

Donc à faire dès que l’on fait une mise à jour d’une ou plusieurs pages de notre site, comme par exemple changer un titre, du texte, une photo etc. 

Ceci clôture donc le chapitre avec les plugins important à installer sur notre site.

Conclusion

On vient donc d’installer tous les plugins de sécurité, d’ergonomie ou utilitaire basique de notre site. 

Il existe des milliers de plugins qui peuvent être intéressant et maintenant on vient de voir la méthode pour les chercher, les télécharger, les installer et les paramétrer. 

Les plugins présentés ici apportent des fonctionnalités assez essentielles et c’est pour ça qu’ils sont mis en avant. 

Donc maintenant on a notre site avec ses pages et ses plugins de base. 

On va pouvoir attaquer enfin la partie la plus intéressante qui est le Thème. 

Le thème va être la peau de notre site. Pour l’instant nous avons le thème WordPress de base franchement pas beau ni ergonomique. 

Nous allons donc voir comment télécharger, installer et paramétrer des nouveaux thèmes pour notre site internet.