Comment ajouter le bouton Tweet officiel de Twitter dans WordPress

Comment ajouter le bouton Tweet officiel de Twitter dans WordPress / Tutoriels

Plus tôt dans la journée, Twitter a annoncé son bouton officiel Tweet, qui fait exactement la même chose que les boutons Tweetmeme, à la différence qu’il est créé par Twitter. Beaucoup de gens changent déjà (cela inclut les entreprises les plus importantes et les petits blogueurs qui suivent @wpbeginner sur Twitter) car ce bouton offre une personnalisation supplémentaire et permet de recommander un compte. Dans cet article, nous allons partager comment vous pouvez ajouter le bouton tweet de Twitter dans WordPress.

Ce code peut être installé dans single.php, loop.php, index.php, page.php, category.php et archive.php tant qu'il est placé dans la boucle de publication..

  Tweet 

Démo


Tweet

Essayez de tweeter en utilisant le bouton ci-dessus.

Si vous remarquez dans le code ci-dessus, nous utilisons l'attribut data de la balise anchor pour indiquer à Twitter exactement ce que nous voulons qu'il fasse. Ci-dessous l'explication de ce que chaque propriété signifie:

  • URL de données - Ceci récupère l'URL que vous voulez partager (vous n'avez pas besoin de changer cela).
  • données via - Ceci indique à twitter qui était le tweeter original en ajoutant via @wpbeginner (assurez-vous de le changer pour votre compte twitter).
  • texte de données - Ceci récupère le titre de votre message (vous n'avez pas besoin de changer cela).
  • lié aux données - Cela ajoute les utilisateurs recommandés à suivre. Les utilisateurs sont autorisés à suivre jusqu'à deux comptes Twitter après avoir partagé le contenu de votre site Web. Ces comptes peuvent inclure le vôtre, ou celui d'un contributeur ou d'un partenaire. Le premier compte est celui qui est partagé dans données via propriété. (Assurez-vous de le remplacer par l'un de vos autres comptes Twitter ou de le supprimer). Si vous ne le faites pas, alors vous recommanderez @syedbalkhi (fondateur de WPBeginner). Le format correct pour saisir les données dans cette variable est twitterusername: Description de l'utilisateur
  • nombre de données - Cela indique au script de twitter quel style de bouton vous souhaitez afficher. Vous avez trois options (verticale, horizontale, aucune).
  • data-lang - Cette variable indique à twitter dans quelle langue il doit être. La valeur par défaut est 'en' pour l'anglais, et nous en sommes restés là..

Nous recommandons aux utilisateurs d'utiliser l'attribut de données de la méthode de balise d'ancrage, car elle garde le code propre et court. Même si les paramètres de chaîne de requête constituent un moyen pratique de partager votre page, ils peuvent rendre votre balise d'ancrage très longue, et une URL longue est difficile à maintenir, en particulier lorsque vous devez coder des paramètres d'URL. Voici la méthode de requête pour ceux qui choisissent de l’utiliser:

 & via = wpbeginner & count = horizontal "> Tweet

Si vous souhaitez simplement ajouter un bouton tweet sur une page statique, vous pouvez utiliser le générateur de boutons Tweet de Twitter..

Merci à Otto de nous avoir signalé dans le commentaire ci-dessous que son plug-in, Simple Twitter Connect, supporte pleinement le bouton tweet officiel..

Ressources supplémentaires:

Documentation supplémentaire pour le bouton Tweet