Hur man visar de senaste tweetsen i WordPress (steg för steg)

Efter att ha drivit WPBeginner i över ett decennium har vi lärt oss att bygga en stark gemenskap är nyckeln till framgångsrik bloggning. Vi är skyldiga vår framgång till våra lojala läsare, och vi letar alltid efter nya sätt att koppla samman med dem.

Ett bra sätt att bygga gemenskap är att visa dina senaste tweets på din WordPress-sida. Detta håller din sida fräsch och låter besökare se vad du gör på sociala medier.

Vi har provat många sätt att visa tweets på WordPress-webbplatser, och vi kommer att dela med oss av våra tre bästa metoder för att göra just det. Alla dessa metoder är nybörjarvänliga, så du kommer enkelt att kunna lägga till ditt Twitter-flöde på din webbplats.

Varför visa senaste tweets på din WordPress-webbplats?

X/Twitter är en av de mest populära sociala medieplattformarna på marknaden. Att visa de senaste tweetsen på din WordPress-webbplats kan förbättra din online-närvaro och ditt engagemang på flera sätt.

Till att börja med, när användare besöker din webbplats och ser ditt sociala medieflöde, kan de vara tillräckligt nyfikna för att klicka sig vidare till ditt Twitter-konto och följa dig, vilket ökar din räckvidd.

Dessutom kan tweets fungera som en realtidsuppdatering om vad som händer på din webbplats eller ditt företag. Detta kan uppmuntra till engagemang bland din publik, eftersom de kan interagera direkt med dina tweets.

Nyliga tweets kan också fungera som social proof på din WordPress-webbplats. Du kan retweeta positiva recensioner eller personer som rekommenderar dina produkter, vilket hjälper till att bygga förtroende hos prenumeranter eller kunder.

Med detta i åtanke, låt oss titta på de olika metoderna för att visa de senaste tweetsen på din WordPress-webbplats. Du kan använda snabblänkarna nedan för att hoppa till en specifik metod:

• Metod 1: Bädda in tweets manuellt i Gutenberg Block Editor (utan plugin)
• Metod 2: Visa senaste tweets med ett plugin för Twitter-flöde (rekommenderas)
• Method 3: Display Latest Tweets in WordPress With Twitter Publish (No Plugin + HTML)

Metod 1: Bädda in tweets manuellt i Gutenberg Block Editor (utan plugin)

Den första metoden för att visa dina senaste tweets i WordPress är att manuellt bädda in din Twitter-profil eller tidslinje på din WordPress-sida, inlägg eller widget (för användare av klassiska teman).

Precis som att lägga till en YouTube-video, gör WordPress det enkelt att bädda in Twitter-innehåll som en enskild tweet eller en tidslinje. Dess oEmbed-funktion kan automatiskt omvandla en innehålls-URL till en inbäddningskod när den klistras in i blockredigeraren.

Först måste du hitta och kopiera URL:en till Twitter-profilen eller tweeten som du vill bädda in.

Till exempel är WPBeginners Twitter-profil-URL https://twitter.com/wpbeginner

Samtidigt ser URL:en för en enskild tweet ut så här: https://twitter.com/wpbeginner/status/1604852592827326464

Följ sedan bara en av metoderna nedan:

Visa senaste tweets i ett WordPress-inlägg eller en sida

Logga först in på din WordPress-instrumentpanel och öppna blockredigeraren för ett WordPress-inlägg eller en sida.

Om du vill skapa ett nytt inlägg eller en sida, kan du göra detta genom att gå till Inlägg/Sidor » Lägg till nytt.

Klistra sedan helt enkelt in Twitter-profilens URL som du kopierade tidigare i området 'Skriv / för att välja ett block'.

Du kan se detta markerat nedan.

När du har gjort det kommer blocket omedelbart att förvandlas till ett Twitter-tidslinjeblock som visar de senaste tweetsen från det specifika kontot.

I sidofältet för blockinställningar kan du välja att ändra storlek på blocket för mindre enheter för att göra det mer responsivt för mobilvisning.

Dessutom kan du gärna lägga till fler block på sidan eller inlägget för att uppmuntra användare att följa ditt Twitter-konto.

När du är klar klickar du bara på 'Uppdatera' eller 'Publicera' för att göra ändringarna live.

Den här metoden lägger till dina senaste tweets i en ruta med en vertikal skjutreglage. Rutan innehåller de 20 senaste tweetsen och knappen 'Visa mer på Twitter' i slutet.

Här är hur vår Twitter-tidslinje ser ut:

Om du använder ett WordPress blocktema, kan du också använda samma metod för att bädda in ett Twitter-flöde i Full Site Editor och visa de senaste tweetsen i ett mönster eller en mall.

Du kan lära dig mer om detta i vår kompletta guide till WordPress Full Site Editing.

Visa senaste tweets i ett widgetområde för Twitter

Om du använder ett klassiskt WordPress-tema och vill visa dina senaste tweets i ett widget-område (som en sidofält), följ bara dessa steg.

Gå först till Utseende » Widgets. Klicka sedan på knappen '+ Lägg till ny' i ditt valda widgetområde och välj Twitter-widgeten.

Härifrån klistrar du bara in Twitter-kontots eller inläggets URL i lämpligt fält.

Klicka sedan på 'Bädda in'.

Du kan sedan uppdatera dina widgets och förhandsgranska Tweets-widgeten live på din webbplats.

Här är hur tidslinjen visas i vårt WordPress-sidofält:

Metod 2: Visa senaste tweets med ett plugin för Twitter-flöde (rekommenderas)

Den andra metoden för att lägga till de senaste tweetsen på din WordPress-webbplats är med ett Twitter-plugin. Anledningen till att vi rekommenderar denna metod är att den erbjuder betydligt fler anpassningsalternativ än den tidigare metoden, vilket gör att du kan anpassa flödet till din sidlayout.

För detta kommer vi att använda Smash Balloon Custom Twitter Feeds. Detta plugin hjälper till att skapa vackra sociala flöden av olika typer. Du kan visa tweets baserat på hashtags, söktermer, omnämnanden, tidslinjer och mer.

Du måste först installera och aktivera WordPress-pluginet. När det är aktivt, gå till ditt WordPress-adminområde, navigera till Twitter Feed » Inställningar och klistra in din licensnyckel i lämpligt fält.

Därefter måste du aktivera licensen och klicka på 'Spara ändringar'.

Gå nu bara till Twitter Feed » Alla flöden.

Klicka sedan på knappen ‘+ Lägg till ny’.

Om det här är första gången du lägger till ett Twitter-flöde med Smash Balloon, kommer du att bli ombedd att verifiera din e-postadress.

Gå bara vidare och klicka på knappen ‘Connect’ för att göra det och följ instruktionerna på skärmen.

När du är klar återgår du till sidan för pluginet Custom Twitter Feeds och blir ombedd att välja en flödestyp.

Med Custom Twitter Feeds kan du välja att bädda in ett användartidslinjeflöde, ett hashtagflöde eller ett sökflöde. För detta exempel använder vi det första alternativet. När du har gjort ditt val klickar du bara på ‘Nästa.’

På nästa skärm kan du skriva in Twitter-handtaget du vill bädda in på din WordPress-webbplats.

Efter det, klicka på ‘Next’ igen.

Låt oss nu välja en mall för Twitter-flödet. Det finns 7 att välja mellan, och du kan alltid ändra den senare om du inte tycker att den passar din sidadesign.

När du har gjort ditt val, klicka på 'Nästa'.

I det här skedet bör du komma till gränssnittet för att redigera Twitter-flödet. Du kommer att se en liveförhandsgranskning på höger sida av sidan och en vänsterpanel där du kan konfigurera hur flödet ser ut.

Det finns två flikar: "Anpassa" och "Inställningar".

Låt oss börja med Customize. Om du väljer alternativet ‘Feed Layout’ kan du välja mellan de tillgängliga flödeslayouterna (som lista, murverk eller karusell), ange antalet tweets som ska visas, justera flödets höjd och så vidare.

När du är klar med dessa inställningar klickar du helt enkelt på knappen ‘Customize’ högst upp för att återgå till huvudmenyn.

En annan sak du kan göra är att aktivera knappen "Ladda mer", som visas under dina visade tweets. Det är en praktisk funktion om du har massor av tweets men inte kan visa alla på samma sida.

Klicka bara på alternativet ‘Ladda mer knapp’, följt av knappen ‘Aktivera’. Därefter kan du anpassa knappens utseende.

Om du byter till fliken 'Inställningar' kan du se alternativ för att lägga till fler flödeskällor, tillämpa tweetfilter och använda avancerade funktioner (som att lägga till anpassad CSS).

Du kan också klicka på knappen ‘Rensa flödescache’ för att ta bort den tidigare flödescachen. Nästa gång pluginet behöver visa ditt Twitterflöde måste det hämta de senaste tweetsen från X/Twitters servrar istället för att använda de gamla cachade data.

Låt oss försöka lägga till filter till dina tweets genom att klicka på alternativet ‘Filter’.

Här kan du välja att inkludera svar och retweets, visa tweets baserat på vilka ord som är tillåtna eller blockerade, eller dölja specifika tweets.

När du är nöjd med hur Twitter-flödet ser ut kan du klicka på knappen ‘Spara’.

För att lägga till Twitter-flödet till din sida eller widgetområde, klicka bara på knappen ‘Bädda in’ i det övre högra hörnet.

Därefter visas ett popup-fönster som visar hur du visar Twitterflödet: med en kortkod, ett block eller en widget.

Oavsett vilken metod du väljer är det första du behöver göra att kopiera kortkoden eftersom du kommer att behöva den.

Klicka sedan på knappen 'Lägg till på en sida' om du vill bädda in Twitter-flödet på en sida.

När du har gjort det kan du välja en befintlig sida från din WordPress-webbplats och klicka på ‘Lägg till’.

Du kommer sedan att dirigeras till WordPress blockredigerare för den sida du valt.

Klicka på knappen '+ lägg till block' var som helst på sidan och välj blocket Twitter Feed.

Nu kanske Twitter-flödet du skapade tidigare inte visas direkt.

Om detta händer dig, klistra bara in kortkoden i fältet ‘Kortkodsinställningar’ i sidofältet för blockinställningar.

Klicka sedan på 'Verkställ ändringar'.

När du är klar kan du klicka på 'Uppdatera' för att göra ändringarna live.

Här är hur Twitter-flödet ser ut på vår demosida:

Om du vill visa ditt Twitter-flöde i ett widgetområde, klicka bara på alternativet ‘+ Lägg till i en widget’. Du kommer sedan att omdirigeras till widgetredigeraren.

Hitta och välj sedan widgeten 'Twitter Feed'.

Liknande den tidigare metoden, klistra bara in kortkoden i sidofältet för blockinställningar och klicka på ‘Tillämpa ändringar’.

Du kommer då att se ditt nyskapade Twitter-flöde i förhandsgranskningen.

Klicka slutligen på 'Uppdatera' för att göra ändringarna slutgiltiga.

Du kan sedan besöka din live-webbplats för att se hur flödet ser ut:

Metod 3: Visa senaste tweets i WordPress med Twitter Publish (ingen plugin + HTML)

Den sista metoden låter dig lägga till de senaste Twitter-inläggen med hjälp av Twitter Publish-funktionen.

Twitter Publish låter dig enkelt skapa inbäddad kod för olika typer av Twitter-innehåll, inklusive en tweet, en video, en tidslinje eller en knapp (som en Följ eller Dela-knapp).

Den här metoden låter dig anpassa hur det inbäddade elementet ser ut innan du lägger till det på din WordPress-blogg eller webbplats. Den är inte lika kraftfull som den andra metoden, men den är värd att nämna eftersom den är gratis.

För den här handledningen visar vi hur du använder Twitter Publish för att bädda in en tidslinje. Först måste du besöka webbplatsen Twitter Publish och sedan klistra in din Twitterprofils URL i rutan ‘Vad vill du bädda in?’.

När det är klart, klicka på pilikonen.

Därefter blir du ombedd att välja ett visningsalternativ: Inbäddad tidslinje eller X/Twitter-knappar.

Du bör välja alternativet 'Inbäddad tidslinje', eftersom du vill visa din Twitter-tidslinje med de senaste tweetsen.

När du har valt visningsalternativet skapas direkt inbäddningskoden för dina senaste tweets. Du kan sedan klicka på ‘Kopiera kod’ för att bädda in den anpassade HTML-koden omedelbart.

Alternativt, klicka på 'Ställ in anpassningsalternativ' för att anpassa hur den inbäddade tidslinjen ser ut.

Här kan du anpassa tidslinjens höjd och bredd, välja ett ljust eller mörkt läge och aktivera en språköversättning för tweetsen om det behövs.

Du kan se hur det inbäddade elementet kommer att se ut under inställningarna. När du är klar klickar du bara på "Uppdatera".

Inbäddningskoden kommer nu att inkludera de anpassningsinställningar du har valt för tidslinjen.

Klicka bara på 'Kopiera kod' för att fortsätta.

Gå nu tillbaka till din WordPress-instrumentpanel och öppna blockredigeraren för en sida, ett inlägg eller ett widgetområde.

Efter det klickar du bara på '+'-knappen för att lägga till ett block var som helst i redigeraren och väljer widgeten eller blocket Anpassad HTML.

Klistra nu in inbäddningskoden från tidigare i fältet.

När du är klar kan du klicka på knappen ‘Preview’ för att se hur flödet ser ut.

Därefter kan du lägga till fler element på sidan, inlägget eller widgetområdet. Uppdatera eller publicera sedan bara.

Här är hur vår demosida ser ut:

Bonustips: Lägg till fler sociala medieflöden till WordPress

Driver du andra sociala medieplattformar för ditt varumärke eller företag? Om så är fallet kanske du vill visa andra sociala flöden förutom Twitter på din webbplats.

Genom att visa olika sociala flöden på din WordPress-webbplats kan du låta besökare veta vilka plattformar de kan följa dig på, vilket ökar ditt antal följare.

Att visa upp dina sociala flöden har också en viktig fördel jämfört med att visa de vanliga sociala ikonknappar. Det kan visa besökare vilket innehåll de skulle missa genom att inte följa dig på dina sociala nätverk, vilket skapar en 'rädsla för att missa något'.

Med Smash Balloon kan du visa och anpassa alla typer av sociala medieflöden på din WordPress-webbplats. På så sätt ser alla flöden bra ut med det tema du använder.

Kolla bara in handledningarna nedan om hur du visar olika sociala flöden i WordPress:

• Hur man skapar ett anpassat Facebook-flöde i WordPress
• Hur man skapar ett anpassat Instagram-fotoflöde i WordPress
• Hur man visar senaste videor från YouTube-kanal i WordPress
• Hur man bäddar in TikTok-videor i WordPress (enkla metoder)
• Hur man visar Google-, Facebook- och Yelp-recensioner i WordPress

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du visar de senaste tweetsen i WordPress. Du kanske också vill se vår guide om hur man automatiskt publicerar nya Instagram-foton till WordPress eller vårt experttips om de bästa sociala medieplugins för WordPress.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.