Tout comme le bouton J’aime de Facebook, le bouton Envoyer, le bouton Retweet de Twitter, le bouton Partager de LinkedIn, Tumblr, un service de micro-blogging, a lancé son propre bouton de partage. L’intérêt de ce bouton est de permettre à plus de 16 millions de blogueurs Tumblr de promouvoir facilement votre contenu sur leurs blogs. Ce widget de partage permet aux utilisateurs de Tumblr de « Rebloguer » facilement le contenu trouvé partout sur le Web plutôt que simplement sur Tumblr. Cette option de reblogage est l’une des principales caractéristiques derrière l’énorme aspect social de Tumblr. Dans cet article, nous allons vous montrer comment ajouter le bouton de partage Tumblr dans WordPress.
Auparavant, lorsque nous avons écrit sur les formats de publication WordPress qui ajoutaient des fonctionnalités de micro-blogging à WordPress, nous avons expliqué comment cela peut réellement permettre à WordPress de remplacer Tumblr pour les utilisateurs qui souhaitent plus de contrôle. Nous avons été frappés par des e-mails de divers utilisateurs disant « WordPress ne vous laisse pas avoir l’aspect social que Tumblr a parce qu’il a une communauté de blogueurs reblogging votre truc ». Eh bien, vous pouvez maintenant avoir cette fonctionnalité dans vos publications WordPress.
Ouvrez d’abord votre fichier footer.php et collez ce code juste au-dessus de la balise
Si vous utilisez un framework, et que vous n’avez pas accès au fichier footer.php, alors ajoutez ce code dans votre fichier functions.php ou dans la zone des fonctions personnalisées :
function insert_tumblr_script() {
echo '<script type="text/javascript" src="http://platform.tumblr.com/v1/share.js"></script>';
}
add_action('wp_footer', 'insert_tumblr_script');
Une fois que vous avez fait cela, regardons comment vous pouvez ajouter le code à l’intérieur de vos messages :
Version de base
Pour ajouter la version très basique du script qui suffira à la plupart des utilisateurs, il vous suffit de coller ce code où vous voulez dans votre boucle qui se trouve dans (single.php, index.php, page.php, loop .php, etc.) :
<a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>
Vous pouvez avoir différentes versions de l’image de partage qui peuvent être trouvées sur le page officielle du bouton Tumblr. Vous pouvez essentiellement sélectionner l’image que vous voulez, puis coller le code à partir des bases. Alternativement, vous pouvez également mettre votre propre image pour le partage en remplaçant le background : css dans le code ci-dessus.
Personnalisation avancée
Maintenant, comme vous le savez avec l’utilisation des formats de publication WordPress, nous voyons maintenant des versions de thèmes de micro-blogging pour WordPress. Eh bien, dans la version de base du bouton Tumblr dont nous avons discuté ci-dessus, il extrait le contenu de manière dynamique. Cela peut provoquer des erreurs telles que l’apparition d’un mauvais titre, une mauvaise description, etc. Également dans la version de base, il ne sélectionne pas le format (lien, texte, image, citation, vidéo, etc.) pour le blogueur Tumblr contrairement à la fonction Re-Blog qui est utilisé dans la communauté Tumblr.
Ainsi, le bouton de partage Tumblr s’est assuré des fonctionnalités avancées intégrées qui vous permettent de spécifier le format de votre publication par défaut, de spécifier la description pré-remplie, une citation spécifique (avec attribution) et même des paragraphes spécifiques d’une page d’article. Voici donc un exemple de la façon dont vous allez ajouter dans votre fichier loop.php en utilisant les formats de publication dans WordPress :
if ( has_post_format( 'link' ) {
?>
<a href="http://www.tumblr.com/share/link?url=<?php echo urlencode(get_permalink()) ?>&name=<?php echo urlencode(get_the_title()) ?>&description=<?php echo urlencode(the_excerpt()) ?>" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>
<?php
} else if (has_post_format('quote')) { ?>
<a href="http://www.tumblr.com/share/quote?quote=<?php echo urlencode(get_the_content()) ?>&source=<?php echo urlencode(get_the_title()) ?>" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>
<?php
}else {
<a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>
}