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

code-html-tweet-insere-twitter

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 :

code-tweet-insere

Copiez le code surligné en bleu :

code-html-tweet-insere-twitterDans son intégralité, il ressemblera aux lignes ci-dessous :

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é.

tweet-insere-non-centre

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 :

Merci Hubspot !

Isabelle Mathieu

Isabelle Mathieu

Experte en médias sociaux depuis 2010, Isabelle MATHIEU accompagne des entreprises dans le développement de leur stratégie réseaux sociaux. Vous pouvez la suivre sur Facebook, Twitter, LinkedIn, Instagram, YouTube, Pinterest ou lire la rubrique A propos.

7 réponses

    1. Bonjour, la balise center est dépréciée. Merci d’utiliser un prénom et nom la prochaine pour votre id.

  1. 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

Les commentaires sont fermés.

Partagez
Tweetez
Partagez
Enregistrer
Email