• Passer à la navigation principale
  • Passer au contenu principal
  • Passer à la barre latérale principale
Wpcours

Wpcours

Des tuto, thèmes et plugins pour Wordpress

  • WORDPRESS
  • TUTORIELS
  • PLUGINS
  • WP-SEO
  • THEMES
  • Blogger
  • Contact
Accueil » plugins » Comment ajouter le bouton Pinterest sur vos images

Comment ajouter le bouton Pinterest sur vos images

Màj le 14 juin 2014

Pinterest est un réseau social puissant qui peut être une source importante de trafic pour votre blog. Si vous utilisez beaucoup d’images ou photos dans votre site, alors vous avez certainement envie de voir vos images épinglées. Dans cet article, nous allons vous montrer comment ajouter le bouton Pinterest  sur vos images sous WordPress.


Ce bouton s’affiche uniquement lorsque l’utilisateur passe la souris sur vos images .

pin it sur vos imagesMaintenant nous allons télécharger ce plugin Pinterest Pin it Button for Images qui va faire ce travail automatiquement. Après avoir télécharger le plugin, activez-le.

Dans le tableau de bord de Wordpress, sélectionnez Réglages » Pinterest Pin it pour configurer l’extension.

pinterestvpinit reglagesSur la page des paramètres du plugin ci-dessus , vous pouvez choisir où vous souhaitez afficher le bouton « Pin-it » sur votre site WordPress. Vous pouvez choisir de l’afficher dans toutes les pages, sur l’ index ou page d’accueil, dans vos articles..etc

L’option suivante est de choisir la description par défaut. Vous pouvez choisir parmi: les titre d’articles, le titre et le lien, le titre et le titre du blog, ..etc. Cela sera une description de l’image épinglée.

Si vous voulez exclure certaines images , vous pouvez ajouter la classe CSS “nopin”  pour les images que vous souhaitez exclure. Pour ce  faire , il suffit de passer à l’éditeur de texte de Wordpress, et ajouter la classe CSS à votre code d’image comme suit:

<img src="http://www.example.com/wp-content/uploads/2014/02/valley.jpg" alt="valley" width="700" height="454" class="nopin alignnone size-full wp-image-1531" />

Vous pouvez également désactiver l’affichage automatique du bouton « Pin-it » en choisissant de l’afficher que sur des images avec la classe CSS « pinthis » .

Pour ce faire, vous devez d’abord cocher la case « Show “Pin it” button only on images with class=”pinthis” « c’est à dire afficher le bouton seulement sur des images avec la classe CSS « pinthis » .

Lorsque vous voulez afficher le bouton sur une image spécifique, cliquez sur l’editeur de texte « HTML » sur l’écran d’édition de votre article, et ajouter la classe CSS « pinthis » dans le code de l’image comme ceci:

<img src="http://www.example.com/wp-content/uploads/2014/02/valley.jpg" alt="valley" width="700" height="454" class="pinthis alignnone size-full wp-image-1531" />

Nous espérons que ce petit guide vous aidera à insérer le bouton « Pinterest » sur vos images dans Wordpress.


Plus de cours et exercices corrigés :

  • Comment désactiver des plugins sous WordPress pour les mobiles
  • Borlabs Cookie : meilleur plugin pour être conforme au RGPD et TC de l’IAB
  • Comment héberger Google Analytics localement dans WordPress
  • 6 meilleures plugins gratuits pour ajouter un slider à votre blog
  • Comment ajouter une barre de recherche au menu WordPress (étape par étape)

Interactions du lecteur

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Barre latérale principale

Ne manquez plus rien
Abonnez-vous

Abonnez-vous dès maintenant à la Newsletters de Wpcours et recevez des cours et exercices corrigés Gratuitement.

Articles récents

  • Limiter la longueur minimale et maximale ‎de vos commentaires sous Wordpress
  • Antispam Bee : meilleure configuration à faire
  • 7 outils numériques pour organiser votre travail
  • Top 4 meilleurs plugins RSVP gratuits pour WordPress
  • Comment utiliser des images WebP sur WordPress pour accélérer votre site

© 2022 ·Wpcours.com · Mentions · Contact