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

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 våra artiklar ä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 vi ibland en mindre provisionsdel på köpesumman. Läs mer.

Summering

Ställ en fråga

Har du en teknisk fundering du går och grubblar på? Det låter ju onödigt.

Kommentera

Lämna ett svar

Please enter your comment!
Please enter your name here

Det senaste

Varför står det att mottagaren ”har tystat notiser” (iPhone)?

Som från ingenstans har texten att mottagaren tystat notiser börjat dyka upp längst ned i iMessage-konversationer på iPhone. Men varför? Och hur blir man av med den?

Sonos soundbars fixar äntligen DTS-ljud

En funktion som varit efterfrågad av Sonos-användare i årtionden har äntligen lanserats. Stöd för DTS-ljud. Bättre sent än aldrig antar jag.

Så mäter du avstånd med Google Maps

Visste du att det går att mäta avståndet mellan två valfria punkter i Google Maps? Så använder du din PC, Mac, iPhone eller Android för att se hur lång en viss sträcka är.

Skicka bilder och film från iPhone till Chromecast

Företeelsen att visa något från telefonen på TV:n har blivit rejält förenklad under de senaste 10 åren. Om man bortser från att skicka bilder och filmer från iPhone till Chromecast.

Flytta tillbaka sökfältet högst upp i Safari på iOS 15 (iPhone)

Nya uppdateringar kan ju vara både bra och dåliga. Oftast vänjer man sig efter ett tag, men ibland känns det bara konstigt. Som när adressfältet flyttades längst ned i Safari efter uppgraderingen till iOS 15.

Det senaste

Tester

Fråga »

Mer läsning

Sväng förbi på Instagram

Send this to a friend