NeoSting.net
Le petit journal d'un passionné de nouvelles technologies et pour le partage de la culture.

(QR Code) de cette page sur neosting.net

Partager...

# Installer un bouton twitter officiel + wordpress

Twitter progresse. Depuis hier, le petit oiseau bleu apporte son nouveau et propre bouton officiel à disposer sur son site afin de permettre aux visiteurs de partager ses articles directement sur les branches du net. Son petit plus, par rapport à une version classique, apporte la possibilité de le configurer un peu plus en profondeur. Que vous le vouliez en version horizontale, verticale, avec votre propre raccourcisseur d'url, tout ou presque est possible grâce à son API.

Même si, je suis assez fan d'une version ultra classique comme celle décrite dans ce tutoriel, le fait que ce soit officiel et avec un compteur de (re)tweet peut faire la différence. Enfin, même si c'est négligeable, ce bouton fait forcément appel un du javascript, ce qui pourrait ralentir un peu l'affichage de votre blog.

Mais vous connaissant, je suis sûr que vous êtes venu pour savoir, justement comment le modifier en profondeur, ce bouton. Pour ma part, je choisirais volontiers la version avec les modifications "data", mais je ne peux que vous conseiller de vous reporter à cet excellent article de Twoutils.

Voici tout de même une version d'un bouton compatible avec wordpress réalisé à la volée. le principe est simple : dans la balise de lien HTML A, il suffit d'ajouter les options DATA

<a href="http://twitter.com/share" class="twitter-share-button"
data-url="http://neosting.net/"
data-via="NeoSting"
data-text="Installer un bouton twiiter officiel"
data-related="twitter,button"
data-count="vertical"
data-lang="fr">Tweeter</a>

Il faudra ensuite ajouter tout en bas du code de son blog, pour ne pas gêner son chargement, l'appel du javascript.

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

Pour que le bouton soit générique dans son thème WordPress, on mettra plutôt

data-url="<?php the_permalink(); ?>"
data-text="<?php the_title(); ?>"

Si vous voulez utiliser votre propre raccourcisseur d'url, vous avez déjà probablement installé Simple URL Shortener, qui au passage, crée un cache pour ne pas avoir à reconstruire une nouvelle URL à chaque lecture d'un article.

<?php $permacourt = simple_url_shortener('','service=VOTRESERVICE+key&apikey=VOTRECLE&login=VOTRELOGIN'); ?>
/* On écrira comme DATA */
data-url="<?php echo $permacourt ?>"

Ça devrait fonctionner, mais si ce n'est pas le cas, n'hésitez pas à le faire savoir.


Pourquoi les commentaires sont fermés ?

Articles pouvant vous intéresser

Les articles populaires du moment