Wordpress pour débutant » Insérer un bouton tweeter (twitter) sur son site
Wordpress pour débutant

tutoriel, hacks, astuces, information…

Insérer un bouton tweeter (twitter) sur son site

Catégorie de l'article : Réseaux sociaux
Article Publié le : 28 mai 2012
Article affiché 7501 fois
il y a 1 Commentaire

Insérer un bouton Twitter sur son site peut être fait par 2 façons :

– en utilisant un plugin

– de façon manuelle.

Pour voir les avantages et les inconvénients et pour voir les différents plugins que vous pouvez utiliser, vous pouvez vous rendre sur l’article :
Ajouter un bouton j’aime Facebook, twitter, google…
Si vous ne voulez pas utiliser de plugin, voici ce qu’il faut faire pour insérer un bouton twitter sur votre site :

Il faut vous rendre dans votre thème :

racine-du-site / wp-content / themes / nom-du-thème

Il ouvrir la page où vous voulez inséré le code.

Si vous voulez insérer le code sur plusieurs pages, il faudra refaire la manipulation sur chaque page.

On va prendre la page single.php, c’est elle qui affiche les articles seuls.

Ouvrez la page avec votre éditeur de texte, bloc-notes de Windows ou notepad++ (il est en français, gratuit, et affiche le code en couleur)

Une fois la page ouverte, il faut rechercher la ligne qui affiche le texte, le plus souvent c’est :

<?php the_content

Si vous rechercher dans une autre page, comme category, the_content ne sera pas présent, mais il sera remplacé par :

<?php the_excerpt:

Après ces lignes qu’il faudra insérer le code pour afficher le bouton tweeter :


Voici le code à insérer :

<!-- twitter -->
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://wordpress.buldozer.fr" data-via="buldozer_web" data-lang="fr">Tweeter
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<!-- twitter -->

Il faut remplacer buldozer_web par le nom que vous utilisez :@xxxxxxx. Il ne faut pas mettre @

Ce code utilisera le nom de la page.

Pour afficher ce code :

il faudra taper :

<a href="https://twitter.com/buldozer_web" class="twitter-follow-button" data-show-count="false" data-lang="fr">Suivre @buldozer_web
</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>

Pour créer son bouton, il suffit de se rendre sur la page de Twitter, qui vous permet de générer un bouton et un code qu’il suffit de copier sur son site :

https://twitter.com/about/resources/buttons

Le site Twitter vous permet aussi de créer des widgets à cette adresse : https://twitter.com/about/resources/widgets

Vous pouvez créer un widget pour afficher vos derniers tweets :

A propos de l'auteur :

Philippe est le webmaster du site wordpress.buldozer.fr - Wordpress pour les débutants. Philippe n'est pas un professionnel de l'informatique, mais juste un passionné.

a écrit 61 articles.



  • Catégories

  • Les derniers articles

  • Divers