Comment afficher des citations aléatoires dans la barre latérale d’un blog WordPress ?

Vous voulez afficher vos citations préférées sur votre site WordPress ? Vous avez peut-être des citations inspirantes et motivantes que vous voulez faire tourner automatiquement dans un encadré ?

Dans cet article, je vais vous montrer comment ajouter facilement des citations aléatoires dans la barre latérale de WordPress (ou partout ailleurs).

wordpress-oeil

La première chose à faire est d’installer et d’activer le plug-in Quotes Collection depuis le catalogue d’extensions de WordPress. Il s’agit d’une extension intégralement gratuite.

Après l’activation, vous devez vous rendre sur la page Options de Quotes Collection pour configurer les paramètres du plug-in.

L’interface utilisateur du plug-in a été traduite en français avec l’intitulé Collection de citations.

Dans les options vous pouvez changer le texte du lien qui va afficher une citation différente aux visiteurs lorsqu’ils cliqueront dessus (saisissez un espace pour que ce lien ne s’affiche pas).

Vous pouvez également sélectionner le nombre d’itérations à charger lors du rafraîchissement, l’option par défaut est 20.

Si votre site affiche toujours la même citation aux visiteurs à cause de votre plug-in de cache, vous devez cocher la dernière option Afficher de façon dynamique la première citation aléatoire dans le widget.

quotes-collection-options

N’oubliez pas de cliquer sur le bouton Mettre à jour les options pour enregistrer vos modifications.

Ajouter des citations pour créer votre collection de citations

Quotes Collection vous permet de créer votre propre collection de citations.

Pour cela, il vous suffit d’aller sur Collection de citations et de cliquer sur l’onglet Nouveau.

Saisissez le texte dans la zone de saisie Citation, puis le nom de l’auteur (facultatif). Vous pouvez optionnellement mentionner la source de la citation et éventuellement des mots-clés qui seront utiles pour effectuer un ciblage des citations à afficher.

Pour finir, cochez la case Public pour rendre votre citation visible pour tout le monde. En décochant cette case, vous conserverez votre citation sous forme de brouillon et elle n’apparaîtra pas dans le widget ou via le shortcode.

Enfin, cliquez sur le bouton Ajouter une citation pour enregistrer la citation. Répétez le processus pour ajouter d’autres citations à votre collection.

Vous pouvez toujours éditer une citation en allant sur l’onglet Toutes les citations et en cliquant sur le lien Editer qui est affiché sous la citation que vous voulez modifier.

quotes-collection-all

À ce niveau, il est possible aussi de supprimer une citation en cliquant sur le lien Effacer.

Affichage aléatoire des citations

Il existe plusieurs méthodes pour afficher les citations sur le site WordPress.

Utilisation du Widget

La première méthode utilise le widget intégré du plug-in. Cette méthode est plus facile et recommandée pour les débutants.

Allez sur la page Apparence Widgets dans la zone d’administration de WordPress.

Sous la liste des widgets disponibles, vous trouverez le widget Citation aléatoire. Il suffit de glisser-déposer le widget sur une barre latérale où vous souhaitez afficher des citations aléatoires.

Les paramètres du widget sont assez explicites et les options par défaut fonctionnent pour la plupart des sites Web.

L’option la plus importante est la possibilité de rafraîchir les citations et de les faire tourner automatiquement toutes les X secondes.

Il est aussi possible de n’afficher que les citations qui correspondent à des mots-clés en particulier et d’afficher ou non les auteurs et les sources.

Utilisation du shortcode

La seconde méthode consiste à utiliser un shortcode (code court) pour afficher les citations dans les articles et les pages WordPress.

Ajoutez simplement le shortcode [quotcoll] sur un article ou sur une page où vous voulez afficher toutes les citations.

Quelques paramètres permettent de contrôler finement l’affichage des citations. Voici quelques exemples :

[quotcoll author= »Victor Hugo »] : Pour afficher les citations ayant pour auteur Victor Hugo.

[quotcoll tags= »chien,chat,lapin »] : Pour afficher les citations ayant pour mots-clés chien, chat ou lapin.

La liste complète des paramètres du shortcode est à consulter dans la documentation de Quotes Collection où vous trouverez des informations techniques plus complètes.

Importer et exporter des citations entre différents sites WordPress

Quotes Collection comprend une fonction d’import/export intégrée. Elle vous permet d’exporter et de télécharger votre collection de citations d’un site puis de les importer sur un autre site.

Il vous suffit d’aller sur l’onglet Exporter pour télécharger votre collection de citations dans un fichier.

Ensuite, vous devrez installer le plug-in sur le site WordPress où vous voulez importer les citations.

Allez ensuite sur l’onglet Importer pour télécharger et ajouter des citations à partir de votre fichier d’exportation précédemment crée.