Créer facilement des boutons de partage pour WordPress

17 janvier 2012 0
Attention ! Ce post a plus de 1 an, ce qui signifie qu'il n'est pas forcément à jour !

En effet, je voulais intégrer ces fonctions de partage dès le début, mais je me suis dis que je les ferai plus tard, et puis vous savez comment ça fonctionne…

Bref, je souhaitais donc vous faire part de la manière dont je m’y suis pris ! C’est assez simple, mais on ne sait jamais, ça peut servir à tout le monde.

Voici le code à utiliser pour G+, et après tout est sensiblement pareil pour Facebook et Twitter :

<!-- GPLUS -->
 <a href="https://m.google.com/app/plus/x/?v=compose&content=<?php the_title(); ?> - <?php the_permalink(); ?>"
 onclick="window.open('https://m.google.com/app/plus/x/?v=compose&content=<?php the_title(); ?> - <?php the_permalink(); ?>','gplusshare','width=450,height=300,left='+(screen.availWidth/2-225)+',top='+(screen.availHeight/2-150)+'');return false;">
 <img src="/wp-content/themes/Kai23v2/images/GooglePlus.png" class="GPLUS" alt="Partager <?php the_title(); ?> sur Google+" title="Partager &laquo; <?php the_title(); ?> &raquo; sur Google+" /></a>

ce qui donne :

 Partager Créer facilement des boutons de partage pour WordPress sur Google+

En décortiquant un peu :

<a href="https://m.google.com/app/plus/x/?v=compose&amp;content=<?php the_title(); > - <?php the_permalink(); ?>"

C’est le lien de postage direct. Je vous donnerai ceux pour Twitter et Facebook après. Les fonction « the_title() » et « the_permalink() », vous les connaissez !

onclick="window.open('https://m.google.com/app/plus/x/?v=compose&content=<?php the_title(); ?> - <?php the_permalink(); ?>','gplusshare','width=450,height=300,left='+(screen.availWidth/2-225)+',top='+(screen.availHeight/2-150)+'');return false;">

Ça, ça veut dire « ouvre moi la fenêtre de partage dans un nouvelle frame qui fera tant et tant de large (en te basant sur la taille du screen de l’utilisateur) »

<img src="/chemin/vers/GooglePlus.png" alt="Partager <?php the_title(); ?> sur Google+" title="Partager &laquo; <?php the_title(); ?> &raquo; sur Google+" />

Là où se situe l’image :)

Comme promis, en ce qui concerne le lien direct de posts chez twitter :

http://twitter.com/home?status=<?php the_title(); ?> <?php the_permalink(); ?>

Et pour Facebook :

https://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>

Petit bémol en revanche, le test en local fonctionnait pour Twitter et Google+, mais pas pour Facebook :)


Laisser un commentaire

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