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 !
7 réponses
Pas mal, thx Isabelle !
Yes ! Merci Hubspot et merci à vous Isabelle :) je commencais à perdre patience !
Avec plaisir Flo et Guillaume :)
Bonjour @isabellemathieu:disqus on peut effectivement modifier la classe ou tout aussi simplement ajouter « » au début et « » à la fin ;)
Bonjour, la balise center est dépréciée. Merci d’utiliser un prénom et nom la prochaine pour votre id.
Bonjour @all
Je pense qu’il est possible de centrer n’importe quel contenu en utilisant du inline-style du genre: ‘blockquote class= « twitter-tweet » style= »margin:auto »>tweet’/blockquote’
ou mieux en créant une classe .tweet dans les fichier css de wp
cdt
Eric
Merci :)
Les commentaires sont fermés.