Insérer un bouton tweeter (twitter) sur son site
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 : Suivre @buldozer_web
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 :
