Comment ajouter le bouton « épingle » de Pinterest dans WordPress (4 façons)

Voulez-vous ajouter un bouton « épingle » de Pinterest dans WordPress ?

Pinterest est un réseau social populaire qui vous permet de partager du contenu visuel et d’attirer davantage d’internautes sur votre site. En ajoutant un bouton « Epingle » à votre site, vous pouvez encourager davantage de personnes à partager votre contenu sur Pinterest.

Dans cet article, nous allons vous afficher comment ajouter le bouton  » Pin It  » de Pinterest à WordPress.

Pourquoi ajouter le bouton « épingle » de Pinterest dans WordPress ?

Pinterest est un réseau social populaire qui permet aux utilisateurs/utilisatrices de collecter des liens vers des sites web et d’autres contenus visuels en créant des tableaux.

Lorsque les utilisateurs/utilisatrices ajoutent votre contenu à leur tableau Pinterest, cela aide d’autres personnes à découvrir votre site. Pinterest est une source de trafic particulièrement importante si vous gérez un site de photographie, un blog de mode ou tout autre type de blog comportant beaucoup d’images et de vidéos.

En ajoutant un bouton « épingle » à votre site, vous pouvez encourager les internautes à partager votre contenu sur Pinterest.

Ceci étant dit, voyons comment vous pouvez ajouter un bouton  » épingle  » de Pinterest dans WordPress. Utilisez simplement les liens rapides ci-dessous pour passer directement à la méthode que vous souhaitez utiliser :

Méthode 1 : Utilisation des comptages partagés (rapide et facile)

La manière la plus simple d’ajouter un bouton Pinterest à votre site WordPress est d’utiliser les comptes partagés.

C’est l’une des meilleures extensions de médias sociaux pour WordPress qui vous permet d’ajouter facilement un bouton Pinterest à votre site, ainsi que des boutons pour tous les autres grands réseaux sociaux.

Pour Premiers pas, vous devez installer et activer l’extension Comptes Partagés. Vous pouvez suivre notre guide étape par étape sur l’installation d’un plugin WordPress pour obtenir des instructions détaillées.

Après l’installation, vous devez vous rendre dans Réglages  » Comptes partagés pour définir l’extension.

Ici, défilez jusqu’à la section Affichage, puis cliquez sur la zone de texte  » Boutons de partage à afficher « .

Cela ouvrira un menu déroulant dans lequel vous pourrez sélectionner les services de réseaux sociaux que vous souhaitez ajouter. Par exemple, vous pouvez utiliser les comptes partagés pour ajouter un bouton « J’aime » sur Facebook, un bouton « Partager » et « Retweeter » sur Twitter, et bien d’autres choses encore.

Pour créer un bouton « épingle », sélectionnez « Pinterest » dans la liste déroulante.

Ensuite, vous pouvez ouvrir le menu déroulant  » Style de bouton de partage  » et choisir un style pour le bouton Pinterest.

Vous pouvez également sélectionner l’Emplacement et le type de publication où vous souhaitez afficher le bouton Pinterest.

Lorsque vous êtes satisfait de la façon dont le bouton est configuré, il vous suffit de cliquer sur le bouton « Enregistrer les modifications ».

Vous pouvez désormais visiter n’importe quelle publication sur votre blog WordPress pour voir le bouton Pinterest en action.

Méthode 2 : Utiliser un code court personnalisé (recommandé)

Parfois, vous souhaitez contrôler exactement l’endroit où le bouton  » Pin It  » apparaît sur votre site. Par exemple, vous pouvez vouloir afficher le bouton Pinterest sur des pages de destination spécifiques ou à l’intérieur du contenu de la publication.

Une option consiste à créer le bouton à l’aide d’un code, puis à le placer sur chaque page ou publication à l’aide d’un code court personnalisé. Cela vous donne la liberté d’afficher le bouton  » Épingle  » à différents Emplacements, mais vous devrez l’ajouter manuellement à chaque page ou publication.

La façon la plus simple d’ajouter du code personnalisé à WordPress est d’utiliser WPCode. C’est la meilleure extension d’extraits de code et elle vous permet d’ajouter du PHP personnalisé, du CSS, du JavaScript et plus encore à votre site. Vous pouvez également créer des codes courts personnalisés, il est donc parfait pour ajouter un bouton  » Pin It  » à votre site.

Tout d’abord, vous devrez installer et activer le plugin gratuit WPCode. Pour plus d’informations, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Une fois l’extension activée, allez dans Extraits de code  » Ajouter un extrait.

Cette page consulte tous les extraits prédéfinis que WPCode peut ajouter à votre site. Il s’agit notamment d’un extrait qui vous permet de désactiver complètement les commentaires, de téléverser des types de fichiers que WordPress ne supporte généralement pas, de désactiver les pages de fichiers joints, et bien plus encore.

Ici, vous devez survoler l’option « Ajouter votre code personnalisé (nouvel extrait) » et cliquer sur le bouton « Utiliser l’extrait » lorsqu’il apparaît.

Dans l’écran suivant, saisissez un titre pour l’extrait de code. Il s’agit d’un titre de référence, vous pouvez donc utiliser ce que vous voulez.

Vous allez ajouter PHP à WordPress, il suffit donc d’ouvrir le menu déroulant  » Type de code  » et de choisir  » Code PHP « .

Une fois cela fait, il suffit de coller ce qui suit dans l’éditeur/éditrices de code :

function get_pin($atts) {
$pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
return '<a href="http://pinterest.com/pin/create/button/?url=' . urlencode(get_permalink($post->ID)) . '&media=' . $pinterestimage[0] . '&description=' . get_the_title() .'" class="pin-it-button" count-layout="vertical">Pin It</a>'; }
  
add_shortcode('pin', 'get_pin');

Ensuite, défilez vers le bas de la page jusqu’à la section « Insertion ». Ici, vous pouvez conserver la méthode « Insertion automatique » par défaut pour vous assurer que le code s’exécute partout.

S’il n’est pas déjà Sélectionné, sélectionnez « Exécuter partout ».

Enfin, défilez jusqu’en haut de l’écran et cliquez sur le Diaporama « Inactif » pour qu’il affiche « Actif ».

Il suffit ensuite de cliquer sur le bouton « Enregistrer l’extrait » ou « Mettre à jour » pour rendre l’extrait de code direct.

Désormais, vous pouvez ajouter un bouton « épingle » à n’importe quelle page WordPress, à n’importe quelle publication ou à n’importe quelle zone prête à recevoir un widget en utilisant le code court [pin].

Pour savoir étape par étape comment placer le code court, veuillez consulter notre guide sur l ‘ajout d’un code court dans WordPress.

Comment ajouter le bouton « épingle » de Pinterest à l’aide de l’éditeur de site complet ?

Si vous utilisez l’un des nouveaux thèmes compatibles avec les blocs, vous pouvez ajouter un bouton « Epingle » n’importe où dans votre thème WordPress à l’aide d’un code court personnalisé.

C’est un moyen facile d’ajouter le bouton à chaque page et publication. Vous pouvez également ajouter le bouton « Pin It » à des zones que vous ne pouvez pas modifier à l’aide de l’éditeur de contenu standard de WordPress, comme le modèle de page 404 de votre site.

Pour Premiers pas, il suffit d’aller dans Thèmes  » Éditeur dans le tableau de bord WordPress.

Par défaut, l’éditeur de site complet affiche le modèle d’accueil de votre thème.

Pour ajouter un bouton « épingle » à une autre page, il suffit de sélectionner « Modèle » ou « Éléments de modèle » dans le menu de gauche.

Vous pouvez maintenant sélectionner le Modèle que vous souhaitez modifier.

Dans cet exemple, nous allons vous afficher comment ajouter un bouton  » Épingle  » au Modèle de page unique de votre site. Cependant, les étapes seront similaires quel que soit le modèle que vous choisissez.

WordPress affiche maintenant un aperçu du modèle ou de l’élément de modèle.

Pour modifier ce Modèle, cliquez sur l’icône du petit crayon.

Cliquez ensuite sur l’icône bleue « + » dans le coin supérieur gauche.

Dans la barre de recherche qui apparaît, tapez « code court ».

Lorsque le bon bloc apparaît, faites-le glisser et déposez-le sur la mise en page du modèle.

Vous pouvez maintenant saisir le code court de l’épingle dans le bloc.

Après cela, il suffit de cliquer sur  » Enregistrer  » pour que le nouveau code court soit direct.

Désormais, si vous visitez votre site WordPress, vous verrez le bouton « Epingle » en action.

Méthode 3 : Utilisation du code et du FTP (Aucune extension WordPress nécessaire)

Si vous ne souhaitez pas utiliser une extension, vous pouvez ajouter un bouton Pinterest à votre site en ajoutant du code aux fichiers de votre thème.

La modification directe des fichiers du thème peut provoquer de nombreuses erreurs WordPress courantes, et vous perdrez tout le code personnalisé lorsque vous mettrez à jour le thème WordPress. C’est pourquoi nous recommandons toujours d’utiliser WPCode à la place.

Cependant, si vous utilisez cette méthode, vous devrez commencer par faire une sauvegarde WordPress complète de votre site. Cela vous aidera à restaurer votre site au cas où quelque chose se briserait par accident.

Une fois cela fait, connectez-vous à votre hébergeur WordPress à l’aide d’un client FTP, puis allez dans le dossier /wp-content/themes/.

À partir de là, vous devez ouvrir le dossier de votre thème actuel et localiser le fichier footer.php.

Ensuite, il suffit de cliquer avec le bouton droit de la souris sur ce fichier et de sélectionner « Télécharger » dans le menu. Le fichier footer.php sera alors téléchargé sur votre ordinateur.

Vous devez maintenant ouvrir le fichier footer.php à l’aide d’un éditeur de texte tel que le Bloc-notes et coller le script suivant juste avant la balise </body>.

<script type="text/javascript">
(function() {
    window.PinIt = window.PinIt || { loaded:false };
    if (window.PinIt.loaded) return;
    window.PinIt.loaded = true;
    function async_load(){
        var s = document.createElement("script");
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://assets.pinterest.com/js/pinit.js";
        var x = document.getElementsByTagName("script")[0];
        x.parentNode.insertBefore(s, x);
    }
    if (window.attachEvent)
        window.attachEvent("onload", async_load);
    else
        window.addEventListener("load", async_load, false);
})();
</script>

Une fois que vous avez fait cela, vous devez enregistrer le fichier, puis le téléverser dans le dossier du thème actuel.

Ensuite, localisez le fichier de modèle dans votre thème où vous souhaitez ajouter le bouton. En général, il s’agit du fichier single.php, mais cela peut varier en fonction de votre thème WordPress. Si vous n’êtes pas sûr, alors vous pouvez consulter notre guide du débutant sur la hiérarchie des fichiers modèles WordPress.

Pour modifier le fichier de modèle, il suffit de le télécharger depuis le dossier de votre thème et de l’ouvrir pour le modifier.

Vous devrez choisir l’Emplacement où vous souhaitez afficher le bouton « Epingle ». De nombreux sites affichent les boutons de partage social directement sous le titre de la publication, mais vous pouvez utiliser l’emplacement de votre choix.

Après avoir choisi un Emplacement, il suffit d’ajouter le code suivant :

<?php $pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
<a href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink($post->ID)); ?>&media=<?php echo $pinterestimage[0]; ?>&description=<?php the_title(); ?>" class="pin-it-button" count-layout="vertical">Pin It</a>

L’extrait de code ci-dessus ajoute l’image mise en avant, le titre, la description et l’URL de la publication dans le paramètre URL de partage.

L’extrait de code ci-dessus ajoutera un bouton de partage vertical à toutes vos publications. Si vous souhaitez afficher un bouton de partage horizontal à la place, il vous suffit de modifier la section count-layout="vertical"> en count-layout="horizontal">.

Lorsque vous êtes prêt, enregistrez le fichier et téléversez-le directement dans votre thème à l’aide du FTP.

Méthode 4 : Ajoutez le bouton Pinterest Pin It sur vos images

Si vous tenez un blog sur la mode, la photographie, l’alimentation ou tout autre type de blog qui utilise beaucoup d’images, vous pouvez ajouter un bouton Pinterest au-dessus de ces images. Cela permet aux internautes de partager votre contenu en survolant simplement l’image qu’ils souhaitent épingler.

La façon la plus simple d’ajouter un bouton Pinterest sur vos images est d’utiliser le bouton Pin It de Weblizar au survol de l’image et à la publication.

Tout d’abord, vous devez installer et activer l’extension. Pour plus de détails, vous pouvez consulter notre guide sur l’installation d’une extension WordPress. Une fois activé, sélectionnez Bouton PinIt dans le menu de gauche pour configurer les Réglages du plugin.

Ici, vous pouvez choisir d’ajouter ou non le bouton « Pin It » à vos publications ou à vos pages.

Ensuite, trouvez la section « Afficher le bouton Epingle au survol de l’image » et assurez-vous qu’elle est définie sur « Oui ».

En outre, l’extension vous permet d’afficher le bouton Pin It sur les appareils mobiles et de modifier la taille du bouton.

Lorsque vous êtes satisfait de la configuration de l’extension, n’oubliez pas de cliquer sur  » Enregistrer  » pour stocker vos modifications. Maintenant, il vous suffit de visiter votre site et de survoler n’importe quelle image pour voir le bouton Pinterest en action.

Vous souhaitez retirer le bouton « Epingle » d’une image spécifique ? Pour ce faire, vous devez récupérer l’URL de l’image dans WordPress.

Ensuite, il vous suffit de vous rendre sur la page du bouton PinIt, mais cette fois-ci, sélectionnez l’onglet « Exclure les images ». Vous pouvez maintenant saisir l’URL de l’image dans le champ qui affiche par défaut « Enter Image SRC URL ».

Cliquez ensuite sur le bouton « Ajouter ».

Vous pouvez également retirer le bouton Pinterest d’une page spécifique en sélectionnant l’onglet  » Exclure des pages « . Ici, il suffit de taper le nom de la page que vous souhaitez exclure, puis de cliquer sur le bouton ‘Ajouter’.

Alternative : Si vous cherchez une extension plus puissante pour ajouter des boutons Pinterest Pin It sur vos images, alors nous vous recommandons Tasty Pins.

Tasty Pins vous permet d’ajouter facilement des boutons « Pin It » au survol de toutes vos images. Vous pouvez même ajouter des bannières « Pin It » entièrement personnalisables à la première image de vos publications de blog.

Vous pouvez également utiliser Tasty Pins pour ajouter une boîte de suivi Pinterest, définir des descriptions Pinterest, désactiver l’épinglage sur certaines images, masquer les images spécifiques à Pinterest sur votre page, et plus encore.

Nous espérons que cet article vous a aidé à comprendre comment ajouter un bouton  » Pin It  » de Pinterest à votre blog WordPress. Vous pouvez également consulter notre guide sur la création d’une newsletter par e-mail ou notre comparatif des meilleurs logiciels de création de sites web.

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.