Twitter étend ses fonctionnalités à l’ensemble du Web. Tout a commencé avec le bouton tweet officiel, puis la plate-forme Twitter Anywhere, et récemment le nouveau bouton de suivi Twitter officiel. Vous vous demandez probablement à quoi sert ce bouton de suivi de Twitter ? Qu’est-ce qui est différent entre le bouton de suivi Twitter et le bouton de suivi intelligent ? Ne vous inquiétez pas, dans cet article, nous expliquerons ce qu’est le bouton de suivi Twitter et comment vous pouvez l’ajouter à votre site WordPress.
Qu’est-ce que le bouton de suivi Twitter
Le bouton de suivi Twitter est un petit widget qui permet aux utilisateurs de suivre facilement votre compte Twitter (ou n’importe quel compte Twitter) à partir de n’importe quel site Web. Le bouton de suivi utilise le même modèle d’implémentation que le bouton de tweet officiel, et il est vraiment simple à intégrer. Vous pouvez voir la démo du bouton de suivi dans le coin supérieur gauche de l’image ci-dessous. Lorsque vous cliquez sur le bouton suivre, une fenêtre s’ouvre avec plus d’informations sur l’utilisateur.
Vous vous demandez probablement en quoi il est différent du bouton Smart Follow ci-dessous ?
Eh bien, le bouton de suivi intelligent vous oblige à effectuer toute l’intégration de Twitter Anywhere. Il ne vous permet pas non plus d’afficher le nombre de vos abonnés ou de faire des personnalisations. Alors que le bouton de suivi Twitter vous permet d’afficher le décompte, et il est très facile à intégrer. Découvrez l’exemple en direct ci-dessous (n’oubliez pas de cliquer sur suivre pour voir ce qu’il fait):
Comment ajouter le bouton de suivi Twitter officiel dans WordPress
Vous pouvez accéder à la page Follow Button et générer un code pour vous. Ou vous pouvez simplement copier le code ci-dessous :
<a href="http://twitter.com/wpbeginner" class="twitter-follow-button">Follow @wpbeginner</a>
PS Assurez-vous de changer le nom d’utilisateur avec le vôtre.
Si vous utilisez le bouton tweet officiel, vous n’avez pas besoin de coller le script deux fois. Ainsi, votre code ressemblera à ceci :
<a href="http://twitter.com/wpbeginner" class="twitter-follow-button">Follow @wpbeginner</a>
Vous pouvez maintenant coller le code où vous voulez dans votre thème WordPress. La plupart des gens mettront ce code dans leur sidebar.php déposer. Cependant, si vous ne vous sentez pas à l’aise pour éditer un fichier de thème, vous pouvez également utiliser les widgets de thème WordPress. Tous les bons thèmes sont livrés avec des barres latérales prêtes pour les widgets. Donc, tout ce que vous auriez à faire est d’aller dans l’onglet Apparence »Widgets. Ajoutez ensuite un widget de texte à votre barre latérale appropriée. Enfin, collez le code ci-dessus et vous avez terminé. Regardez dans la capture d’écran ci-dessous pour l’exemple :
Il n’est vraiment pas nécessaire d’ajouter un plugin pour faire quelque chose d’aussi simple que cela.
Personnalisation avancée
Cette section est destinée aux concepteurs et aux développeurs qui souhaitent personnaliser davantage ce bouton pour qu’il corresponde au schéma de couleurs de leur site, etc. Twitter vous permet de personnaliser la couleur du bouton, la couleur du texte, la couleur du lien, la langue, le widget et l’alignement du plugin.
Variables disponibles dans la version JavaScript que nous utilisons :
- data-show-count (vrai ou fausses)
- bouton de données (bleu ou gris)
- données-texte-couleur (code hexadécimal)
- couleur de liaison de données (code hexadécimal)
- data-lang (en, fr, de, es) – utilise les deux lettres Code de langue ISO-639-1
- largeur de données – (300px)
- data-align – (à droite)
Si vous voulez le spécifier dans le code a, il ressemblera à ceci :
<a href="http://twitter.com/wpbeginner" class="twitter-follow-button">Follow @wpbeginner</a>
Ressources:
Suivre la documentation du bouton
Suivre le générateur de boutons