Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment afficher des citations aléatoires dans votre colonne latérale WordPress

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Voulez-vous afficher des citations aléatoires dans la colonne latérale de WordPress ?

L’affichage de citations de clients/clientes satisfaits peut convaincre davantage d’internautes d’acheter vos produits. Vous pouvez aussi simplement vouloir égayer la journée de votre public en lui affichant une citation inspirante au hasard.

Dans cet article, nous allons vous montrer comment afficher facilement des citations aléatoires dans la colonne latérale de WordPress en utilisant une extension gratuite.

How to Show Random Quotes in WordPress Sidebar

Comment afficher des citations aléatoires dans votre colonne latérale WordPress

Vous pouvez afficher des citations aléatoires dans la colonne latérale de WordPress en utilisant l’extension Citations et Astuces. Il vous permet d’ajouter un nombre illimité de citations à votre site.

Il vous permet également d’afficher des citations sur n’importe quelle page, publication ou zone de widget, y compris dans la colonne latérale de WordPress.

Tout d’abord, vous devrez installer et activer l’extension. Si vous avez besoin d’aide, veuillez consulter notre guide sur l ‘installation d’une extension WordPress.

Après avoir activé l’extension, vous pouvez commencer à ajouter des citations. Pour ajouter votre premier devis, allez dans Devis  » Ajouter une nouvelle.

How to add a new random quote

Dans une étape ultérieure, nous vous afficherons comment choisir d’afficher ou non le titre de la citation pour vos internautes, ou de l’utiliser uniquement à des fins de référence interne.

Saisissez ensuite votre citation dans l’éditeur de texte. Dans notre exemple, nous utilisons une citation tirée d’une étude de cas.

A quote from an OptinMonster customer

Vous pouvez organiser vos citations en catégories. Cela devient important lorsqu’il s’agit d’afficher vos citations.

En fait, deux options s’offrent à vous.

L’extension Citations et Astuces peut sélectionner une citation au hasard parmi toutes les citations que vous avez ajoutées. Il peut également sélectionner une citation au hasard dans une catégorie spécifique de citations.

Par exemple, si vous avez un magasin en ligne, vous pourriez vouloir afficher des citations concernant un produit spécifique uniquement sur la page de ce produit.

Si vous avez déjà des catégories en tête, il est logique d’organiser vos citations dans ces catégories dès maintenant. Mais vous pouvez toujours ajouter, retirer et modifier vos catégories ultérieurement. Nous y reviendrons à la fin de cette publication.

Si vous souhaitez créer une catégorie de citations maintenant, vous trouverez la boîte Catégories de citations sur le côté droit de la page.

Pour ajouter votre catégorie, cliquez d’abord sur le lien « Ajouter une nouvelle catégorie de citations ».

Adding a new quote category

Un champ s’affiche dans lequel vous pouvez saisir le nom de votre catégorie. La catégorie n’apparaîtra pas à vos internautes, c’est juste pour votre référence.

Après l’avoir saisie, cliquez sur le bouton « Ajouter une nouvelle catégorie de citations ».

Cette catégorie apparaîtra désormais dans l’onglet Catégorie de citations. Pour ajouter le devis actuel à cette catégorie, il suffit de sélectionner la case à cocher de la catégorie.

Selecting a quote category in the WordPress dashboard

Vous pouvez répéter ces étapes pour créer d’autres catégories de citations.

Ensuite, vous voudrez généralement afficher l’origine de la citation. Il peut s’agir d’un client personnalisé, d’une marque célèbre ou même d’une célébrité.

Pour assigner votre devis à une personne ou à une entreprise, défilez vers le bas jusqu’à la section « Nom et fonction officielle ».

Vous pouvez maintenant saisir le nom de la personne ou de l’entreprise dans le champ Nom.

The Name and Official Position settings

Vous pouvez également ajouter le titre du poste de cette personne ou des informations expliquant pourquoi elle est qualifiée pour faire cette déclaration. Vous pouvez saisir ces informations dans le champ Position officielle.

Lorsque vous êtes satisfait de votre devis, cliquez sur le bouton Publier.

Vous pouvez maintenant répéter ces étapes pour créer toutes les citations que vous souhaitez afficher dans votre colonne latérale WordPress.

Configurer les Réglages des citations et des astuces

Après avoir créé vos citations, il est temps de définir les Réglages des citations et des astuces. Ils contiennent des réglages importants qui contrôlent comment et quand votre site affiche une citation aléatoire.

Pour consulter ces paramètres, allez dans Astuce  » Réglages.

The Quotes and Tips settings page

Par défaut, Citations et Astuces affiche une nouvelle citation à chaque fois que la page est rechargée. Cela signifie que les internautes verront une nouvelle citation chaque fois qu’ils visiteront une nouvelle page ou qu’ils actualiseront leur navigateur.

Si vous préférez, vous pouvez afficher automatiquement une nouvelle citation toutes les secondes ou minutes. L’internaute n’a même pas besoin d’actualiser son navigateur.

Pour ce faire, sélectionnez « AJAX (Aucun rechargement de page) ». Vous trouverez ensuite le champ Fréquence de modification. Ici, il suffit de taper la fréquence à laquelle WordPress doit afficher une nouvelle citation, en secondes.

Changing the quote frequency

Ensuite, il est temps de choisir le titre qui apparaîtra au-dessus de votre citation.

Le réglage par défaut est « Définir le titre à partir de la publication ». Cela affichera le titre que vous avez saisi/saisie lors de l’ajout de la citation dans WordPress.

Une autre option consiste à créer un titre que WordPress utilisera pour toutes vos citations. Il pourrait s’agir d’un titre tel que « Paroles de sagesse » ou « Ne nous croyez pas sur parole ! Voici ce que pensent nos clients/clientes » pour les témoignages.

Pour utiliser le même titre pour tous vos devis, cliquez sur « Définir des titres personnalisés ». Vous pouvez maintenant saisir votre titre dans le champ Titre du devis.

Setting your quote title in the WordPress dashboard

Lorsque vous avez terminé, n’oubliez pas de cliquer sur le bouton Enregistrer les modifications.

Comment afficher une citation aléatoire

Il est maintenant temps d’afficher vos citations.

Commençons par afficher une citation au hasard dans l’ensemble de votre collection de citations. Si vous avez créé plusieurs catégories, cette méthode ignorera toutes ces catégories.

Vous pouvez ajouter votre citation à n’importe quelle page, publication ou widget à l’aide du code court Citations et Astuces. Pour obtenir ce code court, allez dans Citations  » Réglages.

Copiez ensuite le code court dans la section « Citations et astuces ».

The WordPress quotes shortcode

Une autre option consiste à copier simplement ce qui suit : [quotes_and_tips]

Puisque nous voulons afficher des citations aléatoires dans la colonne latérale de WordPress, vous devez aller dans Apparence  » Widgets. Cela affiche toutes les zones de votre site qui supportent les widgets.

The WordPress 'Widgets' settings

Cet écran peut être légèrement différent en fonction de votre thème WordPress. Cependant, la plupart des thèmes WordPress modernes ont une colonne latérale.

Trouvez la colonne latérale principale ou une section similaire et cliquez dessus. Cette section se dépliera.

The WordPress Main Sidebar settings

Vous devez ajouter un bloc Shortcode à ce widget, cliquez donc sur le bouton +. Dans le champ de recherche, tapez Shortcode.

Vous pouvez maintenant sélectionner le bloc du code court lorsqu’il apparaît. Ensuite, collez ou tapez le code court dans ce bloc.

Enfin, cliquez sur le bouton bleu Mettre à jour en haut de l’écran. Maintenant, si vous visitez votre site, vous devriez voir une citation aléatoire dans votre colonne latérale WordPress.

Comment afficher des citations aléatoires d’une catégorie spécifique

Une autre option consiste à afficher un devis appartenant à une catégorie de devis spécifique.

Pour afficher une citation aléatoire d’une catégorie particulière, vous devrez utiliser un code court différent.

Pour obtenir ce code, rendez-vous dans la rubrique Citations  » Catégorie de citation.

Vous y trouverez une liste de toutes les catégories que vous avez créées. Chaque catégorie a son propre code court.

A list of WordPress quote categories

Il vous suffit de trouver la catégorie que vous souhaitez utiliser et de copier son code court. Vous pouvez ensuite coller ce code court dans n’importe quelle page, publication ou widget, en suivant le même processus ci-dessus.

Comment donner du style et de la marque à vos citations aléatoires

Par défaut, Citations et Astuces ajoute un arrière-plan bleu à la zone de citation. Il utilise également une image d’arrière-plan représentant des silhouettes.

Vous pouvez modifier ce style par défaut pour qu’il corresponde mieux au reste du design de votre site. Vous pouvez même retirer complètement le style.

A random quote in the WordPress sidebar

Pour modifier la couleur d’arrière-plan, la couleur du texte ou l’image d’arrière-plan, allez dans Citations  » Réglages.

Dans le menu de gauche, cliquez sur l’onglet Apparence.

How to style the random quote in your WordPress sidebar

Vous pouvez maintenant modifier la couleur de l’arrière-plan et du texte en cliquant sur le bouton Sélectionné.

Cela ajoute une zone où vous pouvez choisir la couleur qui vous convient.

Changing the background color

Si vous changez d’avis, vous pouvez rétablir les couleurs par défaut de l’extension à tout moment. Il vous suffit de cliquer sur le bouton Par défaut.

Vous pouvez également modifier l’image d’arrière-plan. Pour retirer l’image d’arrière-plan par défaut, défilez jusqu’à Image d’arrière-plan, puis cliquez sur le bouton Aucun.

Customizing the quote's background image

Vous pouvez également ajouter votre propre image d’arrière-plan.

L’utilisation du logo de votre entreprise ou de votre produit comme image d’arrière-plan peut être un excellent moyen de marquer vos citations.

Displaying a random branded quote in WordPress sidebar

Pour téléverser une nouvelle image d’arrière-plan, cliquez sur le bouton Personnalisé. Un bouton Choisissez s’ajoute alors.

Cliquez sur ce bouton. Une fenêtre s’ouvre alors, dans laquelle vous pouvez sélectionner le fichier que vous souhaitez utiliser comme image d’arrière-plan.

Uploading a new image to your random quote

Après avoir fait votre choix, vous pouvez personnaliser l’aspect de cette image sur votre site.

Il s’agit notamment de modifier l’alignement de l’image d’arrière-plan et l’opacité, c’est-à-dire le degré de transparence de l’image d’arrière-plan.

Pourquoi ne pas expérimenter, pour voir quels effets différents vous pouvez créer ?

Comment ajouter, modifier et supprimer des catégories de devis ?

Il peut arriver que vous souhaitiez que Citations et Astuces affiche une citation totalement aléatoire.

Dans d’autres cas, vous pouvez avoir besoin de contrôler davantage le type de citations qu’il affiche.

Pour ce faire, vous pouvez utiliser les catégories de devis. Nous avons déjà vu comment créer une catégorie lors de l’ajout d’une nouvelle citation. Cependant, Modifiés et Astuces dispose d’un menu complet dans lequel vous pouvez apporter des modifications à ces catégories et en créer de nouvelles.

Pour voir ces réglages, allez dans la rubrique Citations  » Catégories de citations.

Editing your quote categories

Ici, vous pouvez créer rapidement et facilement des catégories de devis. Pour ajouter une nouvelle catégorie, saisissez un nom pour votre catégorie dans le champ Nom.

Par défaut, cette extension crée chaque catégorie de citation en tant que catégorie parente.

Une autre option consiste à créer une sous-catégorie. Par exemple, vous pouvez avoir une catégorie mère OptinMonster, puis créer des sous-catégories pour vos différentes promotions, comme  » OptinMonster soldes d’été  » et  » OptinMonster promotion vacances « .

Pour créer une sous-catégorie de devis, vous devez sélectionner une catégorie parente.

Choosing the quote parent category

Lorsque vous êtes satisfait de votre catégorie de devis, cliquez sur le bouton bleu Ajouter une nouvelle catégorie de devis.

Vous pouvez également modifier n’importe laquelle des catégories que vous avez créées précédemment.

Pour modifier une catégorie, survolez-la. Cliquez ensuite sur le lien Modifier lorsqu’il apparaît.

Editing a quote category in the WordPress dashboard

Cette opération ouvre une nouvelle page dans laquelle vous pouvez apporter des modifications à cette catégorie. Vous pouvez notamment modifier le nom de la catégorie et choisir un nouveau parent.

Nous espérons que cet article vous a aidé à apprendre comment afficher des citations aléatoires dans la colonne latérale de WordPress. Ensuite, vous pouvez consulter notre guide sur la façon d’augmenter le trafic de votre blog, ou voir notre choix d’expert des meilleures extensions de preuve sociale pour WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

21 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Moinuddin Waheed says

    it is nice idea to have random quotes on the sidebars.
    everytime the page gets refreshed a new quote gets appeared and it helps the users to have attention on that.
    can we add custom random quotes for instance quotes regarding our positive reviews by customers?
    or something on these lines which keeps the visitors interest on the blog or website intact?

  3. Emma says

    Hiya! It seems this plugin is no longer available or supported, do you know of another that will do the same thing?

  4. Valerie Rayne says

    I’ve been using this plugin on my website for a couple of weeks now and I absolutely adore it. I’ve got a special category to be able to highlight quotes from my own posts and it’s just perfect!

    However, I was thinking today that I would like readers to be able to not only browse through my quotes but also click to share them. I thought maybe downloading another plugin, such as a Click-To-Tweet plugin, would give me the option to make these quotes shareable – but that doesn’t seem to have worked.

    Is there a way that I can edit backend files to achieve shareable quotes or is there another plugin or option that would work better? My site is located at ValerieRayne.com and you can find my use of the plugin in my header and also on my quotes page if that helps with an answer ;)

  5. Deb Gallegos says

    Great idea for a plugin! Any thoughts on another random quote plugin or a way to make this plugin work so as to have visitors click to reveal who the quote was from?
    Thanks!

  6. Jennifer says

    I’m getting an error when clicking on the link to the WordPress plugin directory. Do you know of any similar plugins for displaying our own quotes? This one looks perfect.

  7. Vivek Moyal says

    I also have one more quote widget which we can use using the iframe. You can check here at

    Daily a new quote is there.

  8. Ogochukwu says

    Hi! Please is there a plugin that displays something like random facts….Like ‘DID YOU KNOW? », with the answers down below?

  9. Stevie says

    All of a sudden it stopped rotating the quotes in my sidebar widget, and it always only shows one particular quote.
    No matter what I do I can’t get it to rotate or even show a different quote to begin with.
    Please advise.

  10. Mona says

    Thank you very much for this information. I’ve been collecting quotes, knowing that, at some point, how to insert them into my site would become available to me.

  11. Marge Burkell says

    Thanks! I am a firm believer in visualization, setting goals, etc. so this is a natural addition to my site’s sidebar. Adding it now.

  12. Maha says

    Nice Article? How did you know i was exploring this very same topic :D

    I hope you can guide me in my particular scenario …. What about in the case where you want to categorize the quote and display different set of quote in different category ?

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.