Comment ajouter un Twitter Widget sur votre site WordPress

Je reçois régulièrement la question suivante de la part de visiteurs sur mon site: "Comment avez-vous ajouté le Twitter Widget dans la colonne de droite sur votre site?" Ce Twitter Widget met à jour mes derniers  tweets. Il est vraiment très facile à installer. Vous n'avez besoin que d'un compte Twitter et un site WordPress. Dans cet article, je vous montre les 13 étapes à suivre pour intégrer le Twitter Widget à votre site WordPress.

Mises à jour:
10 janvier 2011: J'ai mis à jour les images du site Twitter.
24 août 2010: Notez que ce tutoriel s'applique aux sites créés à partir de wordpress.org et non wordpress.com, et ce même si vous utilisez votre propre nom de domaine chez wordpress.com. C'est une des raisons principales pourquoi les gens finissent par passer à wordpress.org = wordpress.com ne vous permet pas d'ajouter des codes (scripts) dans votre blogue.

C'est quoi un  Widget?

Ma définition d'un Widget (partagez la vôtre dans un commentaire):

Un Widget est une petite boîte de contenu que l'on ajoute sur notre site WordPress. Les Widgets sont disponibles en cliquant Apparence | Widgets sur votre Tableau de bord. WordPress, par défaut, vous offre une quinzaine de Widgets. Les plus populaires étant: Articles récents, Commentaires récents, Mots-clefs, Recherche, Archives. Toutefois, par l'entremise des Extensions WordPress, on peut choisir parmi des milliers de Widgets. Les plus populaires étant les Widgets qui permettent le partage avec les Réseaux Sociaux. On peut aussi ajouter un Widget en ajoutant un code dans le Widget Texte. C'est ce que je vous démontre dans cet article.

Récapitulons: 3 façons d'ajouter un Widget sur votre site WordPress:

1. En utilisant un Widget par défaut dans Apparence | Widget
2. En installant une Extension WordPress qui rajoutera un Widget dans Apparence | Widget
3. En ajoutant du code dans le Widget Texte disponible dans Apparence | Widget

Comment installer le Twitter Widget en 13 étapes

1. Allez sur votre compte Twitter et connectez-vous

2. Cliquez sur Ressources tout en bas de la page ou allez ici: https://twitter.com/about/resources

3. Cliquez sur Widgets

4. Cliquez sur Mon Site Web

5. Cliquez sur Widget de Profil ou sélectionnez un autre sorte de Widget

6. Ici, vous allez ajuster tous les paramètres pour votre site WordPress: couleurs, dimensions, nombres de tweets, etc en cliquant sur les boutons Paramètres | Préférences | Apparence | Dimensions

7. Quand vous avez terminé, cliquez sur le bouton Terminer & Récupérer le Code

8. Copiez le code du Twitter Widget. Dans un PC, sélectionnez le code et faites Ctrl+c; dans un Mac faites CMD+c.

9. Allez sur votre Tableau de bord WordPress, et cliquez sur Apparence | Widgets dans la colonne de gauche

10. Voici ma liste de Widgets. Vous devez sélectionner le Widget Texte et le glisser dans votre Sidebar à la droite:

Voici le Widget Texte dans ma Sidebar

11. Donnez un titre à votre Widget.

12. Collez le code que vous avez importé de Twitter.  Dans un PC,  faites Ctrl+v; dans un Mac faites CMD+v

13. Ciquez "Enregistrer"

Les Résultats sur mon site:

Petits conseils

Tous les Twitter Widgets peuvent ralentir la vitesse de téléchargement de votre site. Pour afficher le Twitter Widget sur votre site, votre navigateur doit communiquer avec le serveur de Twitter, prendre les tweets et les ramener sur votre site. Parfois, Twitter est lent ou ne répond pas et c'est frustrant. Le Twitter Widget n'empêchera jamais votre site de télécharger, mais il peut ralentir un peu la vitesse de téléchargement, surtout quand votre serveur cherche le serveur Twitter et ne le trouve pas. Mais je dois dire que c'est rare et il ne faut pas s'en faire. Avez-vous remarqué ceci sur votre site?

Les Twitter Widgets du site Twitter sont vraiment excellents. On a plusieurs possibilités pour créer les Widgets et j'aime beaucoup les utiliser sur presque tous les sites WordPress que je fais.

Et vous, quel est votre Twitter Widget préféré?