Comment afficher un flux Twitter sur un site WordPress?


Twitter fournit un service gratuit intitulé -> Twitter for Websites <- qui propose tout un panel d’outils à intégrer sur son site pour permettre à ses visiteurs de suivre un compte ou un sujet.

Si vous avez un blog WordPress.com (blog gratuit hébergé par WordPress), vous ne pourrez pas suivre ce tutoriel mais il existe une solution encore plus simple pour afficher vos tweets sur WordPress!

Récupérer le flux de vos derniers tweets sur Twitter

La première étape se déroule sur le site Twitter Publish. Choisissez le type d’information que vous voulez afficher parmi les choix disponibles (un tweet unique, un flux basé sur un hashtag précis, une liste… ou ce qui nous intéresse ici : un profil).

Création d’une timeline Twitter intégrée

CRÉATION D’UNE TIMELINE TWITTER INTÉGRÉE
Une fois que vous avez indiqué l’URL complète du profil concerné, vous pouvez choisir entre deux modes d’affichage :

Un mode « embedded timeline » pour afficher un flux des derniers tweets ;
Ou un mode « Twitter Buttons » pour inciter les utilisateurs à suivre ou mentionner un profil précis à l’aide d’un simple bouton.
Pour créer un flux Twitter dans un widget sur WordPress, nous allons opter pour « embedded timeline ».

AFFICHAGE DU WIDGET TWITTER

Vous obtenez immédiatement un code prêt à l’emploi que nous pouvons directement intégrer sur un blog WordPress. Mais Twitter offre aussi la possibilité de le personnaliser, en cliquant sur « set customization options ».

CODE DU FLUX TWITTER

Le bouton permet de définir quelques options : une hauteur fixe (« height »), une largeur fixe (« width »), un univers graphique sombre (« dark ») ou clair (« light »), la couleur des liens exprimées en notation hexadécimale (vous pouvez utiliser ce type d’outil pour trouver l’équivalent hexadécimal de votre couleur préférée). Vous pouvez enfin imposer une langue par défaut à votre widget Twitter.

OPTIONS DU WIDGET TWITTER

Je vous conseille de laisser la largeur s’ajuster automatiquement, histoire que votre widget Twitter s’adapte à toutes les tailles d’écran. Cliquez ensuite sur le bouton « Update » pour enregistrer les paramètres et copiez le code fourni par Twitter.

Intégrer le code dans un widget Twitter sur WordPress

Dans l’administration de WordPress, accédez au menu Apparence > Widgets et ajoutez un nouveau widget de type « HTML Personnalisé » à l’endroit où vous voulez faire apparaître votre flux Twitter, par exemple dans la sidebar de votre blog