Hur man visar senaste tweets i WordPress med Twitter-widgetar

Vill du visa dina senaste tweets i WordPress? Integrering av Twitter till din WordPress-webbplats hjälper dig att öka engagemanget på båda plattformarna.


Dina bloggbesökare upptäcker dina tweets som hjälper dig att få nya följare på Twitter. Å andra sidan upptäcker dina Twitter-följare mer av ditt innehåll, vilket ökar trafiken till din webbplats.

I den här artikeln visar vi dig hur du enkelt kan visa senaste tweets i WordPress. Vi kommer också att täcka hur man visar selektiva tweets i WordPress.

Hur man visar senaste tweets i WordPress

Lägga till dina senaste tweets i WordPress – steg för steg

Du kan visa dina senaste tweets i WordPress genom att helt enkelt bädda in din Twitter-profil eller tidslinje.

Precis som att lägga till en YouTube-video gör WordPress det också enkelt att bädda in Twitter-innehåll som en enda tweet, samling, lista, gilla och ögonblick på din webbplats.

WordPress använder funktionen oEmbed, som automatiskt förvandlar alla innehållsadresser till en inbäddningskod när de klistras in i innehållsområdet.

Det vanligaste stället att visa dina senaste tweets är vanligtvis din bloggs sidofält. Låt oss börja med det.

Lägga till dina senaste tweets i din WordPress-sidofält

Först måste du hitta och kopiera webbadressen till den Twitter-profilen som du vill bädda in. Twitter-profil URL är helt enkelt en kombination av Twitter webbplats URL och ditt Twitter användarnamn.

Till exempel är Twitter-profilens URL för WPBeginner https://twitter.com/wpbeginner.

Twitter-profil URL

Logga sedan in på din WordPress-instrumentpanelen och gå till Utseende »Widgets sida. Dra och släpp helt enkelt textwidgeten till din sidofält och klistra sedan in den Twitter-profil-URL som du kopierade tidigare i textområdet.

Klistra in Twitter-profil-URL till WordPress-textwidget

När det är gjort kommer det omedelbart att bli en Twitter-tidslinje-widget som visar senaste tweets från det specifika kontot.

Spara din senaste widget för tweets i WordPress

Efter det kan du namnge din widget, spara den och förhandsgranska den live på din webbplats. Så här visar våra senaste tweets på vår demo-webbplats.

Senaste tweets på WordPress Demo-webbplats - med textwidget

Som du kan se på skärmdumpen ovan, lägger den här metoden till de senaste tweetsna i en ruta med en vertikal skjutreglage. Rutan innehåller 20 senaste tweets och knappen “Ladda fler tweets” i slutet.

Bädda in Twitter-flöde i WordPress med Twitter Publicera

Ersätter Twitter-widgetfunktionen har Twitter nu Twitter Publiceringsfunktion för att bädda in Twitter-innehåll på webbplatser.

Med Twitter Publicering kan du enkelt skapa inbäddningskoden för olika typer av Twitter-innehåll, inklusive en tweet, samling, profil, lista, ögonblick, hashtag osv..

Twitter Publicera för att bädda in tweets på webbplatser

För att använda den här metoden måste du besöka webbplatsen Twitter Publicera och sedan klistra in din Twitter-profil-URL i rutan “Vad vill du bädda in?”.

Ange Twitter-profil URL i Twitter Publicera

När du är klar klickar du på pilikonen.

Efter det kommer den att be dig att välja ett visningsalternativ: inbäddade tidslinjer eller Twitter-knappar. Välj den ‘inbäddade tidslinjen’ som du vill visa din Twitter-tidslinje med de senaste tweetsna.

Twitter Publicera visningsalternativ

När du väljer visningsalternativ skapar den omedelbart inbäddningskoden för dina senaste tweets. Klicka nu på knappen Kopiera kod.

Kopiera Twitter Bädda in kod från Twitter Publicera

Därefter måste du gå till Utseende »Widgets från din instrumentbräda och lägg till widgeten ‘Anpassad HTML’ i sidopanelen. Klistra sedan in den inbyggda koden som du kopierade tidigare i HTML-fältet.

Klistra in Twitter-profilen Bädda in koden i anpassad HTML-widget

När du är klar kan du spara din widget och se dina senaste tweets live på din webbplats.

Så här såg vårt Twitter-flöde ut på en testsida.

Senaste tweets i WordPress - Demo-webbplats

Bädda in dina senaste tweets i WordPress-blogginlägg

Ibland kan du behöva bädda in din Twitter-tidslinje i dina blogginlägg eller din om-sida.

WordPress levereras med ett Twitter-inbäddningsblock för den nya WordPress-blockredigeraren.

Skapa helt enkelt ett nytt inlägg eller redigera ett befintligt. Lägg till Twitter-inbäddningsblocket i innehållsområdet på postredigeringsskärmen.

Lägg till Twitter Bädda in block i WordPress Editor

Nu måste du klistra in din Twitter-profil-URL och klicka på ‘Bädda in’ -knappen.

Bädda in Twitter-tidslinjen i WordPress Post

Därefter hämtar och visar WordPress automatiskt dina senaste tweets i innehållsområdet.

Twitter-profil inbäddad i WordPress Post

Den här metoden lägger till ett Twitter-flöde med en bläddringsfält i ditt inlägg.

Alternativt kan du också använda Twitter Publicerings-metoden, som låter dig visa senaste tweets utan rullningsfältet.

Gå till Twitter Publicera webbplatsen och klistra in din Twitter-profil-URL i rutan ‘Vad vill du bädda in?’ Och klicka på pilen bredvid den.

Ange Twitter-profil URL i Twitter Publicera

Välj därefter alternativet “Inbäddad tidslinje” och kopiera sedan inbäddningskoden.

Kopiera Bädda in kod för Twitter-profil

Därefter måste du lägga till ‘Anpassad HTML-block i din inläggsredigerare för att klistra in inbäddningskoden.

Lägg till anpassad HTML-block i WordPress Editor

Nu kan du klistra in den inbyggda koden du kopierade tidigare.

Klistra in Twitter-profilen Bädda in koden i anpassat HTML-block

När du är klar sparar du ditt inlägg och förhandsgranskar det live.

Visar selektiva tweets i WordPress

Bädda in din Twitter-profil visar alla dina senaste inlägg på din webbplats. Tänk om du bara vill visa de valda tweetsna?

Oroa dig inte, det finns enkla lösningar för det också. Det finns huvudsakligen 5 sätt att bädda in utvalda tweets på din webbplats.

  • Samling: Visa en samlad samling av tweets enligt ämnen, intressen, konversationer och mer.
  • Lista: Visa tweets av en kuraterad grupp Twitter-användare.
  • Gillar: Visa alla tweets som en specifik Twitter-användare har markerat som likes.
  • Ögonblick: Visa tweets från ett offentligt ögonblick av en Twitter-användare.
  • hashtag: Visa tweets av alla som innehåller en specifik hashtag.

Bland dessa alternativ kan du skapa de sista fyra markeringarna direkt från Twitter-webbplatsen. Du kan också kopiera deras respektive URL och klistra in i din WordPress-sidfält med textwidget.

Till exempel kan du hitta dina Twitter-listor på din Twitter-profilsida. Välj vilken lista du vill bädda in och klicka på den.

WPBeginner Twitter-listor

När du klickar på länken öppnas listan och du kan kopiera listans URL från din webbläsare. Till exempel är webbadressen till vår Twitter-lista ‘WordPress Experts’ https://twitter.com/wpbeginner/lists/wordpress-experts.

Nu kan du klistra in denna URL i din WordPress-sidofält.

Lägg till Twitter-lista i WordPress Text Widget

På liknande sätt kan du hitta webbadresserna till likes, moment och hashtag från din Twitter-profilsida och enkelt bädda in på din WordPress-webbplats.

Du måste dock använda Twitters avancerade TweetDeck-funktion för att skapa en samling. En Twitter-samling är en lista med tweets organiserade under ett ämne av en användare.

Besök TweetDeck-webbplatsen och logga in med ditt Twitter-konto. När TweetDeck-instrumentpanelen öppnas klickar du på knappen “Lägg till kolumn” på vänster panel.

Lägg till kolumn i TweetDeck-applikationen

Därefter måste du välja alternativet ‘Samling’.

Välj samlingsalternativ i TweetDeck

Efter det kan du namnge din nya Twitter-samling.

Skapa ny samling i TweetDeck

När du är klar ser du en ny kolumn tillagd i din TweetDeck-instrumentbräda.

Dra tweets till Twitter-samlingen

Nu kan du dra tweets från ditt Twitter-hem eller valfritt användarkonto och skapa din samling.

När du har lagt till tweets i din samling kan du bädda in det på din webbplats. Klicka på Alternativikonen och klicka sedan på Dela-alternativet. Välj därefter alternativet ‘Bädda in samling’.

Bädda in samling från TweetDeck

När du klickar på Bädda in samlingen öppnas sidan Twitter publicera med inbäddningskoden för din Twitter-samling.

Kopiera Bädda in kod för Twitter-samling

Kopiera inbäddningskoden och klistra sedan in den på din webbplats med den anpassade HTML-widgeten.

Bädda in Twitter-samling med anpassad HTML-widget

När du är klar kan du spara din widget och se din Twitter-samling live på din webbplats.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du visar senaste tweets i WordPress och hur du visar selektiva tweets i WordPress. Du kanske också vill se vår lista över de bästa sociala mediaplugin för WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map