Så bäddar du in och centrerar Twitter-inlägg på din hemsida

Gillar du artikeln? Stöd sajten med en Swish om du vill.

Det senaste

Varför har Instagram helt plötsligt svart bakgrund?

Insåg du precis att Instagram av någon anledning är bra mycket mörkare än vad det brukar vara? Här är anledningen och hur du ändrar tillbaka till det ljusare läget.

Spotify stannar i slutet av nästan varje låt

Här är min lösning på problemet med att Spotify då och då inte vill hoppa vidare till nästa låt, utan istället bara stoppar uppspelningen. Även om det ser ut som att den är igång.

Att inkludera Twitter-inlägg på sin sajt eller blogg är ett riktigt bra sätt att referera till eller visa upp information. Att centrera posten gör inbäddningen mycket snyggare. Så fixar du allt på nolltid!

Att bädda in (från engelskans embed) Twitter-inlägg, YouTube-videor och annan information från respektive tjänst till ens egen webbsida eller blogg blir allt mer populärt. Att bädda in Twitter-inlägg stöds av Twitter-tjänsten och är hur enkelt som helst att göra.

För några år sedan inkluderade inbäddningen också att man som användare enkelt kunde välja om en post skulle vara centrerad eller vänster/högerställd. Detta alternativ finns inte längre och alla poster som bäddas in blir automatiskt vänsterställda. Tack och lov är en kort kodsnutt det enda som behövs för att centrera Twitter-citeringen!

Bädda in Twitter-inlägg på din hemsida eller blogg

1. Börja med att leta upp det Twitter-inlägg du vill bädda in. Klicka på den lilla pilen högst upp till höger (1) vid inlägget och välj Embed Tweet (2).

Bädda in Twitter-inlägg - Embed Tweet

2. Kopiera nu koden under texten Add this Tweet to your website by copying the code below. Vill du att eventuella bilder och filmklipp inkluderas kryssar du även för rutan Include media innan du kopierar koden.

Embed this Tweet - Bädda in twitter-inlägg

3. Gå nu till din sajt och där vi vill bädda in den valda tweeten. För att koden ska fungera behöver du klistra in den i text- eller kodläget på din hemsida. Använder du det populära systemet WordPress växlar du till Text-läge (1). Klistra sedan in koden där du vill bädda in Twitter-inlägget (2).

WordPress - Bätte in Twitter - Textläge - Kod

4. Om du nu väljer att förhandsgranska din bloggpost eller ditt inlägg bör den valda tweeten synas direkt på sidan. Superenkelt! Men visst är det lite trist att den inte är centrerad? Detta löser vi nu!

Twitter-post - Inbäddad - Hemsida - Blogg
Så här ser det inbäddade inlägget ut. Formateringen blir riktigt snygg, men visst är det lite trist att inbäddningen är vänsterställd istället för centrerad?

Centrera ett inbäddat Twitter-inlägg

1. Möjligheten att centrera en inbäddad tweet finns inkluderad i själva inbäddningsfunktionen redan från början. Kruxet är att den består av en liten kodsnutt som behöver läggas till. Från början ser t.ex. koden för vår inkluderade tweet här ovanför ut så här.

WordPress-kod - Embed - Bädda in - Twitter

2. Genom att lägga till följande kodsnutt i början av koden berättar vi för Twitter att vi vill använda den inbyggda formateringen för att centrera inlägget. Kopiera först nedanstående kodsnutt.

tw-align-center

3. Navigera därefter till din kod för det inbäddade Twitter-inlägget. Gör ett mellanslag efter twitter-tweet och klistra in kodsnutten direkt efter. Spara därefter inlägget.

WordPress - Bädda in Twitter - tw-align-center

4. Twitter-inbäddningen är nu centrerad och landar snyggt i mitten av sidan! Bra jobbat!

Inbäddad Twitter-post - Centrerad - Blogg - Hemsida

Får du det inte att fungera eller har andra funderingar kring funktioner i WordPress? Fråga på i kommentarerna så ska vi försöka hjälpa till!

Utvalda produkt- och återförsäljarlänkar i vissa av artiklarna på enkelteknik.se är affiliate-länkar. När ett köp, inom en viss tid, görs via en eller flera av dessa länkar erhåller sajten en mindre provisionsdel på köpesumman. Läs mer.

Lämna ett svar

Please enter your comment!
Please enter your name here

Det senaste

Varför har Instagram helt plötsligt svart bakgrund?

Insåg du precis att Instagram av någon anledning är bra mycket mörkare än vad det brukar vara? Här är anledningen och hur du ändrar tillbaka till det ljusare läget.

Börja en WordPress-lista med ett annat nummer än ett

Numrerade listor har alltid skapat lite extra huvudbry hos mig. Så tar du kontroll över vilket nummer som visas var när det kommer till listor i populära WordPress!

Spotify stannar i slutet av nästan varje låt

Här är min lösning på problemet med att Spotify då och då inte vill hoppa vidare till nästa låt, utan istället bara stoppar uppspelningen. Även om det ser ut som att den är igång.

Test: Moccamaster Automatic – Fortfarande bäst?

När det kommer till kaffebryggare står Technivorms Moccamaster-serie ut som en av de verkliga långkörarna. Är det fortfarande en sådan man "ska" ha år 2022?

Google-ingenjör menar att AI:n LaMDA utvecklat medvetande

Att stänga av medarbetare för att de går utanför sina arbetsramar är inte helt ovanligt. Men när ramarna involverar påståenden om att Googles AI kan ha skapat sig ett eget medvetande blir det lite extra spännande.

Test: MiniFinder Pico 4G – Spårar det mesta

Hur precis och smidig är egentligen en dedikerad GPS-tracker år 2022? Det tänkte jag ta reda på i detta test av Pico 4G från Växjö-baserade MiniFinder.

Så visar du ett rutnät i kameran på iPhone

Ser fotona du tar med din iPhone ut som att du är på väg att ramla samtidigt som du knäpper dem? Så rätar du upp tillvaron genom att visa ett rutnät på skärmen i kamera-appen!
Send this to a friend