LudoScience

Parmis les nombreuses fonctionnalités offertes par Twitter, une qui est très sympathique est la possibilité d'afficher ses derniers tweets sur un blog. Pour cela, il suffit d'utiliser le widget officiel, comme nous l'avons fait sur ce blog.

Cependant, les options de personnalisation de l'apparence proposées sont un peu trop limitées. Par exemple, il n'est pas possible de changer simplement la taille du texte des tweets affichés. Après avoir passé un long moment à chercher une solution, je partage ici celle qui me semble la plus efficace : la modification de certains styles CSS spécficiques au widget.

Bien que la documentation officielle n'en fasse pas mention, il est tout à fait possible de modifier l'apparence du texte des tweets en modifiant le style de la classe CSS ".twtr-tweet-text". Par exemple, en rajoutant le code suivant à votre feuille CSS, vous diminuerez la taille du texte des tweets affichés par le widget :

.twtr-tweet-text {
font-size: 0.9em;
}

Selon le même principe, il est possible de cacher cet imposant logo d'en-tête avec le style suivant :

.twtr-hd {
display: none;
}

Et tant qu'à faire, puisque vous affichez vos propres tweets sur votre propre blog, vous n'avez pas besoin d'afficher à chaque fois l'auteur du tweet. Le style suivant cacheront donc l'auteur du tweet :

.twtr-user {
display: none;
}

Voilà pour quelques astuces bien utiles. Si par hasard quelqu'un arrive à trouver comment cacher les hashtags, je suis preneur...