Voulez-vous ajouter le bouton “Pin It” de Pinterest dans WordPress ?

Pinterest est un site de réseautage social populaire qui vous permet de partager du contenu visuel et de générer beaucoup de trafic vers votre site Web. L'ajout d'un bouton épingler permet aux visiteurs de partager plus facilement votre contenu.

Dans cet article, nous allons vous montrer comment ajouter le bouton « Pin It » de Pinterest à votre blog WordPress.

Ajouter le bouton Pinterest Pin It dans WordPress

Il existe plusieurs façons d'ajouter un bouton Pinterest Pin It à votre site Web WordPress. Vous pouvez utiliser un plugin WordPress pour épingler vos images ou ajouter manuellement un bouton Pin It à l'aide de code.

En plus de cela, vous pouvez créer un shortcode pour ajouter le bouton Pinterest n'importe où sur votre site Web et également permettre aux utilisateurs d'enregistrer des images sur Pinterest en les survolant.

Dans ce guide, nous couvrirons toutes ces façons, afin que vous puissiez passer à votre méthode préférée.

Ajouter un bouton Pinterest “Pin It” à l'aide d'un plugin

Pinterest a officiellement changé le nom du bouton “Pin It” en Sauvegarder en 2016.

Bien que certains plugins utilisent toujours le nom “Pin It” au lieu de Save, ils font le même travail en épinglant vos images sur Pinterest.

Le moyen le plus simple d'ajouter un bouton Pinterest à votre site WordPress consiste à utiliser un plugin de partage social.

Nous recommandons d'utiliser Comptes partagés plugin à cet effet. C'est l'un des meilleurs plugins de médias sociaux pour WordPress car il est gratuit et vous permet d'ajouter facilement le bouton Pinterest avec d'autres réseaux sociaux populaires.

Pour commencer, vous devez installer et activer le Comptes partagés brancher. Vous pouvez suivre notre guide étape par étape sur la façon d'installer un plugin WordPress pour des instructions détaillées.

Lors de l'installation, rendez-vous sur Paramètres » Comptes partagés page pour configurer le plugin.

Page des paramètres des décomptes partagés

Sur la page des paramètres, vous devez faire défiler jusqu'à la Affichage puis cliquez sur la zone de texte “Partager les boutons à afficher”.

Cela ouvrira un menu déroulant dans lequel vous pourrez sélectionner les services de médias sociaux que vous souhaitez ajouter. Par défaut, Pinterest sera présent dans cette boîte, avec Facebook et Twitter.

Le plugin est livré avec plusieurs styles de boutons que vous pouvez choisir dans l'option “Partager le style de bouton”. Vous pouvez également sélectionner l'emplacement et le type de publication où vous souhaitez afficher le bouton Pinterest.

Une fois que vous avez fini de choisir vos paramètres, n'oubliez pas de cliquer sur le Sauvegarder les modifications bouton.

Vous pouvez maintenant visiter n'importe quel article de votre site Web pour voir le bouton Pinterest en action.

Bouton Pinterest ajouté à la publication WordPress

Une autre chose intéressante à propos de SharedCounts est la gratuité Module complémentaire d'image Pinterest personnalisée disponible sur Github. Cela vous permet de définir une image de partage Pinterest personnalisée et une description optimisée pour Pinterest.

Ajouter manuellement un bouton Pinterest Pin It dans WordPress

Certains utilisateurs intermédiaires peuvent préférer ajouter manuellement les boutons de partage social à leur site WordPress au lieu d'utiliser un plugin.

Voyons comment ajouter manuellement un bouton Pinterest dans WordPress.

La première chose que vous devez faire est de faire une sauvegarde WordPress complète de votre site. Cela vous aidera à restaurer votre site en cas de panne accidentelle.

Ensuite, vous devez ajouter un peu de code à votre pied de page. Vous pouvez ajouter du code de pied de page à votre site WordPress à l'aide d'un plugin, ou suivre les instructions ci-dessous pour le faire manuellement.

Vous devez d'abord vous connecter à votre hébergement WordPress à l'aide d'un client FTP puis vous rendre dans le dossier /wp-content/themes/.

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

Télécharger le fichier php du pied de page

Ensuite, faites simplement un clic droit sur ce fichier, puis sélectionnez Télécharger du menu. Cela téléchargera le fichier footer.php sur votre ordinateur.

Maintenant, vous devez ouvrir le fichier footer.php à l'aide d'un éditeur de texte brut comme le Bloc-notes, puis coller le script suivant juste avant le </body> étiqueter.


<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écharger dans le dossier de thème actuel.

Ensuite, vous devez localiser le fichier de modèle dans votre thème où vous souhaitez ajouter le bouton. Si vous n'êtes pas sûr, vous pouvez consulter notre guide du débutant sur la hiérarchie des modèles WordPress. Il s'agira souvent du fichier single.php, mais cela dépend de votre thème.

Pour modifier le fichier de modèle, téléchargez-le simplement à partir de votre dossier de thème et ouvrez-le pour le modifier. Après cela, vous devez ajouter le code suivant.

Vous devrez choisir l'emplacement où vous souhaitez qu'il apparaisse dans votre message. Le placer après le titre du message est le placement le plus courant pour les boutons de médias sociaux.


<?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>

Le code ci-dessus affiche le bouton Pinterest avec votre image, titre, description et URL de publication dans le paramètre d'URL de partage.

Enfin, vous devez enregistrer le fichier et le télécharger dans votre répertoire de thème via FTP.

Cela ajoutera un bouton de partage vertical aux publications de votre site Web. Si vous souhaitez afficher le bouton de partage horizontal, modifiez simplement le count-layout paramètre à l'horizontale.

Créer un shortcode pour le bouton Pinterest

Les shortcodes dans WordPress vous permettent d'ajouter facilement des éléments dynamiques à vos publications, pages et widgets WordPress. En créant un shortcode, vous pourrez ajouter manuellement un bouton Pinterest à vos articles.

Tout d'abord, vous devrez ajouter le code suivant au fichier functions.php de votre thème ou à un plugin spécifique au site :



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');

Pour plus d'aide, consultez notre guide du débutant pour coller des extraits du Web dans WordPress.

Après avoir ajouté le code, vous pouvez utiliser le [pin] shortcode dans vos articles WordPress où vous souhaitez afficher le bouton Pinterest.

Ajout du bouton Pinterest Pin It sur vos images

Si vous gérez un site de mode, de photographie ou de portfolio, vous souhaitez absolument que vos images soient partagées sur Pinterest pour augmenter le trafic de votre site Web.

L'ajout d'un bouton Pinterest Pin it sur vos images dans WordPress permet à l'utilisateur d'épingler facilement n'importe quelle image sur votre site en passant simplement sa souris sur l'image qu'il souhaite partager.

Tout d'abord, vous devez installer et activer le Weblizar Pin It Button On Image Hover And Post plugin. Pour plus de détails, vous pouvez vous référer à notre guide sur comment installer un plugin WordPress.

Lors de l'activation, accédez à Bouton PinIt page de votre panneau d'administration WordPress pour configurer le plugin.

Paramètres du bouton Épingler

Vous pouvez choisir d'afficher le bouton Épingler sur vos articles de blog WordPress ou sur les pages de la page des paramètres. Vous devez également vous assurer que l'option “Afficher le bouton Pin It lors du survol de l'image” est définie sur “Oui”.

En plus de cela, le plugin vous permet d'afficher le bouton Pin It sur les appareils mobiles et de modifier la taille du bouton. Une fois cela fait, vous devez enregistrer les paramètres.

Vous pouvez maintenant visiter votre site Web, puis passer le curseur de votre souris sur n'importe quelle image pour voir le bouton Pinterest Pin It ou “Enregistrer”.

Afficher votre bouton épingler

Si vous souhaitez exclure certaines images de l'affichage du bouton Épingler ou Enregistrer, vous pouvez accéder au Bouton PinIt page de votre tableau de bord WordPress et sélectionnez l'onglet “Exclure les images” dans les paramètres.

Tout ce que vous avez à faire est d'entrer l'URL de l'image que vous souhaitez exclure de l'affichage du bouton épingler et de cliquer sur le bouton “+ Ajouter”.

Exclure les images du bouton épingler

Vous pouvez également exclure des pages de l'affichage du bouton Pinterest Save ou Pin It à l'aide du plug-in. Rendez-vous simplement sur l'onglet “Exclure les pages” et ajoutez le nom de la page.

Exclure les pages du bouton épingler

C'est tout!

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

Si cet article vous a plu, abonnez-vous à notre Chaîne Youtube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.