Comment intégrer le bouton Twitter à votre blogue [WordPress]

Twitter offre maintenant son propre bouton de partage de contenu. Une fois intégré à votre blogue le bouton permet aux visiteurs de facilement partager votre billet sur Twitter. L’intégration de ce bouton sur les blogues qui utilisent WordPress se fait facilement.

tweet button on blog Comment intégrer le bouton Twitter à votre blogue [Wordpress]

Tout d’abord, si votre blogue est hébergé chez WordPress.com, la mise en place du bouton Twitter est extrêmement simple. Voici les étapes que vous devez suivre:

1- Rendez-vous sur l’interface administrateur de votre blogue sur WordPress.com

wordpress twitter bouton Comment intégrer le bouton Twitter à votre blogue [Wordpress]

2- Sur le tableau de bord, sélectionnez l’option «Apparence» – «Extras».
3- Les options supplémentaires apparaîtront.

wordpress twitter bouton 1 Comment intégrer le bouton Twitter à votre blogue [Wordpress]

4- Sélectionnez le dernier choix qui se nomme «Show a Twitter «Tweet Button» on my post.
5- Appuyez sur «Mise à jour des extras.

C’est fait, aucune autre action n’est requise. Le bouton Twitter apparaîtra sur tous vos billets.

Maintenant, si vous êtes responsable de l’hébergement de votre blogue, deux choix s’offrent à vous. Vous pouvez intégrer le code manuellement sur le thème de votre blogue ou encore utiliser un plugin.

L’intégration du code sur votre thème n’est pas très compliquée, cependant vous devez vous assurer que vous possédez une sauvegarde des fichiers que vous modifierez. Si vous n’avez pas l’habitude de jouer dans le code (tout comme moi), vous devrez faire une série d’essais, erreurs avant d’arriver à un résultat satisfaisant. Voici les étapes pour intégrer le code manuellement sur votre thème.

bouton twitter Comment intégrer le bouton Twitter à votre blogue [Wordpress]

1- Rendez-vous sur la page des boutons «Tweeter».

bouton twitter 2 Comment intégrer le bouton Twitter à votre blogue [Wordpress]

2- Sélectionnez le type de bouton que vous préférez et copiez le code qui vous est offert .
3- Ouvrez les fichiers de votre thème auxquels vous désirez ajouter votre bouton.
4- Généralement, vous ajouterez le bouton sur les fichiers Single.php (vos billets) et index.php (votre page d’accueil).
5- Collez le code à l’endroit où vous désirez que votre bouton apparaisse. C’est à cette étape que vous ferez sans doute une série d’essais-erreurs.

Si vous désirez obtenir un meilleur contrôle de l’endroit où apparaît votre bouton, vous pouvez ajouter des commandes qui vous permettront de mieux positionner votre bouton. Essayez le code qui apparaît ci-dessous. N’oubliez pas de modifier la portion data-via= »username ». Remplacez username par votre nom d’usager sans le symbole @.

<div style="float: left; margin-right: 10px; margin-bottom: 10px;">
<a href="http://twitter.com/share" data-count="horizontal" data-via="username" data-lang="fr">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>

La troisième façon d’intégrer le bouton Twitter sur votre blogue est sans aucun doute la plus facile. Elle consiste à utiliser un plugin. Bien que le bouton soit récent, il existe déjà plusieurs plugin. Alex, l’auteur de Blogprogressive a conçu le plugin qui en ce moment m’apparaît comme étant l’un des plus intéressant.

twitter button wordpress plugin Comment intégrer le bouton Twitter à votre blogue [Wordpress]

Une fois que vous aurez installé Twitter Button WordPress, c’est le nom de son plugin, vous pourrez facilement configurer et positionner le bouton Twitter sur votre thème. Aucun code ne devra être ajouté manuellement. Avez-vous déjà ajouté le bouton Twitter sur votre blogue?
Benoit Descary

, , ,

8 commentaires pour: Comment intégrer le bouton Twitter à votre blogue [WordPress]

  1. thibaudd août 14, 2010 at 11:23 #

    Je viens de le faire à l’instant.

  2. Erick Gagnon août 14, 2010 at 12:42 #

    Personnellement, je préfère utiliser le plugin Add-To-Any:
    http://wordpress.org/extend/plugins/add-to-any/

    C’est un charme à configurer et styliser, que se soit avec un lien sous forme d’image ou tout simplement en texte!

  3. frenchbigdog août 15, 2010 at 3:49 #

    Oui je l’ai également intégré, mais avec un plugin différent:

    http://www.nolifeclub.org/word.....wordpress/

  4. Benoit août 16, 2010 at 8:01 #

    @ Erick et frenchbigdog

    Merci pour vos suggestion de plugin :)

  5. Kédem Ferré octobre 20, 2010 at 10:55 #

    Quand je colle le code sur mon site Google, un message me signale que le HTML contient des balises non sécurisées ou des attributs supplémentaires, et le code n’est pas enregistré dans son intégralité.

    Code avant l’enregistrement:
    Tweet

    Code après l’enregistrement :
    Tweet

  6. bitlitgirl août 30, 2011 at 6:18 #

    Bonjour,

    J’arrive tardivement sur ce billet. Je cherche à mettre un bouton de partage Twitter au bas de mes articles sur un blog wordpress.com mais dans Extras je n’ai pas cette option. Elle a été retirée de WordPress.com ?

    Merci d’avance !

  7. bitlitgirl août 30, 2011 at 7:05 #

    Je ne sais pas si mon précédent commentaire a bien été envoyé mais j’ai trouvé : maintenant c’est dans Réglages –> Partager.

    Bonne journée !

Trackbacks/Pingbacks

  1. Tweets that mention Comment intégrer le bouton Twitter à votre blogue [Wordpress] | Descary.com -- Topsy.com - août 14, 2010

    [...] This post was mentioned on Twitter by BeNews, Le Loup and thibaudd, Joe. Joe said: RT @bdescary: Comment intégrer le bouton Twitter à votre blogue [Wordpress] – descary.com http://dsy.me/1j5 #fb [...]