Comment Centrer un Tweet Inséré dans un Billet WordPress ?

Si vous aimez insérer des tweets dans vos billets wordpress, vous savez combien il peut être fastidieux de centrer un tweet sur la largeur de la colonne. En effet, lorsque vous insérez un tweet, il est collé à la bordure gauche du billet. Qu’à cela ne tienne ! Je vous propose de découvrir comment procéder de manière simple pour centrer vos tweets insérés dans vos billets wordpress.

1. Récupérez le code du tweet à insérer en suivant la procédure suivante

Sur Twitter.com :

Copiez le code surligné en bleu :

Dans son intégralité, il ressemblera aux lignes ci-dessous :

<blockquote lang=”fr”><p>Comment les Top Marques Utilisent <a href=”https://twitter.com/search?q=%23Twitter&src=hash”>#Twitter</a> ? | Emarketinglicious <a href=”http://t.co/Xdplb8xVsq”>http://t.co/Xdplb8xVsq</a> <a href=”http://t.co/SSMhcn7cd6″>pic.twitter.com/SSMhcn7cd6</a></p>— Isabelle Mathieu (@isabellemathieu) <a href=”https://twitter.com/isabellemathieu/statuses/436395440951394304″>20 Février 2014</a></blockquote><script async src=”//platform.twitter.com/widgets.js” charset=”utf-8″></script>

Pas très glamour. J’en conviens.

2. Collez le code dans la partie « texte » votre billet

Une fois collé, voici le résultat ci-dessous. Comme vous pouvez le constater, le tweet n’est pas centré.

3. Centrez votre tweet

Repérez dans le code inséré la partie suivante : <blockquote class=”twitter-tweet” et remplacez-là par : <blockquote class=”twitter-tweet tw-align-center”

Et voilà le résultat :

Comment les Top Marques Utilisent #Twitter ? | Emarketinglicious http://t.co/Xdplb8xVsq pic.twitter.com/SSMhcn7cd6

— Isabelle Mathieu (@isabellemathieu) 20 Février 2014

Merci Hubspot !