Si vous souhaitez partager quelque chose de Twitter sur votre site Web, Twitter facilite l’intégration d’un tweet. L'intégration d'un tweet est souvent préférable à la copie d'une capture d'écran car elle est entièrement interactive et permet aux lecteurs de votre site Web d'accéder directement au profil de l'utilisateur Twitter, de retweet ou de citer le tweet eux-mêmes et de voir les réponses que le tweet a pu générer.
Mais il y a un gros problème avec la manière dont Twitter intègre les tweets: ils ne sont pas centrés. Par défaut, les tweets intégrés sont alignés à gauche.
Ce n'est peut-être pas un problème pour vous, mais si vous accordez de l'importance à la conception et à la cohérence de votre site Web, il peut être assez ennuyeux d'avoir des tweets intégrés alignés à gauche, en particulier si toutes vos autres images et vidéos intégrées sont centrées.
La bonne nouvelle est qu'il est rapide et facile de centrer un tweet intégré en ajoutant simplement un peu de texte au code intégré fourni par Twitter. Voilà comment cela fonctionne.
Intégrer un Tweet
Tout d'abord, recherchez le tweet que vous souhaitez intégrer et récupérez son code d'intégration. Ceci est normalement accompli en cliquant sur la petite flèche tournée vers le bas dans le coin supérieur droit et en sélectionnant Incorporer le Tweet dans le menu.
Copiez le code fourni par Twitter et rendez-vous sur le CMS de votre site Web. Le processus d'ajout et de modification du code HTML sur votre page Web varie en fonction de la plate-forme. Assurez-vous de consulter la documentation de votre plate-forme en cas de doute. Par exemple, vous pouvez voir le code HTML et autre d'un article sur WordPress en cliquant sur Texte dans l'éditeur. D'autres plates-formes utilisent le mot Source . Une fois que vous avez compris, collez le code d'intégration du tweet à l'emplacement souhaité.
Tweets intégrés au centre
Maintenant, si nous nous arrêtons ici, vous aurez un tweet standard aligné à gauche lors de la prévisualisation de la page. Pour centrer un tweet incorporé, examinez le code intégré et recherchez cet emplacement vers le début:
Après twitter-tweet , mais entre les guillemets, ajoutez tw-align-center, en vous assurant de laisser un seul espace entre les deux déclarations:
C'est ça! Sauvegardez simplement vos modifications et prévisualisez ou publiez votre message. Vous verrez maintenant que votre tweet incorporé est centré.
