Twitter modifie l’interface de la Timeline intégrée dans les sites

Twitter vient d’améliorer le fil d’actualité embarqué dans les pages web afin de donner aux utilisateurs et aux propriétaires de sites une meilleure expérience utilisateur.

Twitter modifie l’interface de la Timeline intégrée dans les sites

En effet, Twitter vient de lancer une nouvelle Timeline plus sophistiquée, moderne et visuellement élégante.

La nouvelle interface du fil d’actualité se présente en responsive design pour adapter automatiquement la taille des photos, vidéos et images GIFs à la largeur du widget et, par la même occasion, mieux intégrer les nouvelles fonctionnalités que Twitter a récemment lancées, comme les sondages.

Le nouveau design s'appliquera également aux profils intégrés dans les sites, aux collections et aux listes.

Tous les fils d’actualité seront automatiquement mis à jour pour prendre en charge le nouveau design, mais Twitter maintiendra tout paramétrage et toute personnalisation pour s'assurer que la migration est transparente pour l'utilisateur final.

Toutefois, Twitter déclare avoir supprimé l'option “Masquer le résumé” ou "Etendre" pour mettre en avant que le partage et le "Like" sur chaque Tweet afin qu'il soit plus facile que jamais pour les gens d'engager avec votre contenu.

Pour ajouter n'importe quel fil Twitter public à votre site web, utilisez cet outil. Vous sélectionnerez alors simplement la source de votre fil, ses options, avant de copier/coller le code dans votre page HTML.

Vous pouvez créer un widget pour chacune des 4 sources de fil suivantes : Fil utilisateur (@profil), Aimés (les tweets que vous avez aimés), Liste (pour les listes créés), Recherche (pour une requête de recherche) et Collection. Voici un exemple de la nouvelle Timeline embarquée :


En principe, la Timeline embarquée, qui sera déployée à compter du Jeudi 3 Mars 2016, devrait refléter la nouvelle interface améliorée. Sinon, ajoutez le code suivant dans le Header de votre code source :

<meta name="twitter:widgets:new-embed-design" content="on">