Tutoriel : Intégrer l’Embedded Timelines de Twitter facilement


Tu en es à ton 30ème plugin installé et là tu vois que t’as pas calé le Twitter Widget dans la sidebar. Du coup tu t’apprêtes à télécharger ton 31ème plugin… Stop !
Dans ce tutoriel, on intègre l’embedded timelines de Twitter (= la timelime embarquée de ton compte Twitter) proprement et facilement.

 
Et commence dès maintenant en se rendant sur la page de ton compte twitter. Une fois sur ton compte, clique sur la photo de ton profil et sélectionne Paramètres.

twitter profil

Et dans la barre latérale de gauche, clique la rubrique Widget qui se trouve vers le bas.

twitter widget

Puis, dans le fichier déroulant, sélectionne Profil pour paramétrer ton embedded timelines.

widget-profil

Boom ! Tu arrives sur cette magnifique page bleue gradient mauve. Rentre l’URL complète du compte que tu souhaites utiliser et presse Entrer.
Ok, ok tu peux arriver directement ici via cette URL https://publish.twitter.com/#

twitter publish

Choisis ton option d’affichage parmi 2 les templates proposés. Dans ce tuto express, j’utilise le 1.

twitter-option-affichage

Avant de copier/coller le code, on va le customiser pour qu’il ait des dimensions de width et height décentes. Clique donc au dessus sur le gros lien bleu en uppercase SET CUSTOMIZATION OPTIONS.

twitter set customization options

A toi de remplir les cases et choisir la couleur des liens de ta timelines.

twitter timelines

Pour moi, les dimensions qui fonctionnent sont les suivantes :
 

  • Height: 420px
  • Width: 300px

 
J’ai laissé le choix de la langue sur Automatic. Pourquoi ? Parce que l’anglais est paramétré par défaut et c’est très bien comme ça. La case du dessous ? Je ne l’ai pas testé. Sinon, quand tout paraît clean update.

twitter update

En mettant à jour les dimensions ont été prises en compte, tu peux le constater directement et tu n’as plus qu’à copier le script généré.

twiiter social network

Tu as une petite notification qui fait plaisir.

twitter iframe code copied

Ensuite connecte-toi à ton site WordPress. Dans cet exemple, je colle le code dans la sidebar right que j’utilise dans mes articles.

Dans la rubrique Apparence, clique sur Widget puis sélectionne le widget Texte que tu place dans la zone de la sidebar désirée, colle le code et n’oublie pas d’enregistrer.

twitter-code-widget-text

Une fois que tu as enregistré et pas avant, checke ta embedded timelines Twitter sur ton blog.

twitter embedded timelines

Pour celui-ci, on stoppe le plugin Twitter et on va chercher les codes à la source.

D'autres tutos & posts sont à ta dispo :

J'aime partager les apps et les tools que j'utilise au quotidien. J'écris des tutos & des posts qui t'aideront, je l'espère, à faire des trucs tranquillement que tu sois en pyjama dans un Starbucks ou en costume dans ta chambre.

Tags:
,
Aucun Commentaire

Poster un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.