Om du vill dela något från Twitter på din webbplats gör Twitter det enkelt att bädda in en tweet. Att bädda in en tweet är ofta att föredra framför att kopiera en skärmdump av en tweet eftersom den är helt interaktiv och gör att din webbplats läsare kan hoppa direkt till Twitter-användarens profil, retweeta eller citera själva tweeten och se alla svar som tweeten kan ha genererat.
Men det finns ett stort problem med hur Twitter bäddar in tweets: de är inte centrerade. Som standard är inbäddade tweets vänsterjusterade.
Det här kanske inte är ett problem för dig, men om du värdesätter design och konsistens på din webbplats kan det vara ganska irriterande att ha inbäddade tweets anpassade till vänster, särskilt om alla dina andra inbäddade bilder och videor är centrerade.
Den goda nyheten är att det är snabbt och enkelt att centrera en inbäddad tweet bara genom att lägga till lite text i den inbäddade koden som Twitter ger. Så här fungerar det.
Bädda in en Tweet
Först ska du hitta den tweet du vill bädda in och ta tag i dess inbäddningskod. Detta åstadkoms normalt genom att klicka på den lilla nedåtvända pilen i det övre högra hörnet och välja Bädda in Tweet från menyn.
Kopiera koden som tillhandahålls av Twitter och gå över till din webbplats CMS. Processen för att lägga till och redigera HTML på din webbsida kommer att variera beroende på plattform, så se till att kontrollera med din plattforms dokumentation om du är osäker. Till exempel kan du se HTML och annan kod för ett inlägg på WordPress genom att klicka på Text i redigeraren. Andra plattformar använder ordet källa . När du har kommit fram till det klistrar du in tweets inbäddningskod på önskad plats.
Center Embedded Tweets
Om vi slutar här, har du en standard vänsterjusterad tweet när du förhandsgranskar sidan. För att centrera en inbäddad tweet, titta på inbäddningskoden och hitta den här platsen i början:
Efter twitter-tweet , men inuti citattecken, lägg till tw-align-center och se till att du lämnar ett enda mellanrum mellan de två uttalandena:
Det är allt! Spara bara din förändring och förhandsgranska eller publicera ditt inlägg. Nu ser du att din inbäddade tweet är centrerad.