Så här embedar du faktiska tweets i blogginlägg i WordPress

Vill du embedda enskilda tweets i dina blogginlägg i WordPress?

Genom att citera faktiska tweets i dina bloggar ger du läsarna ett enkelt sätt att delta i konversationen. Detta kan göra dina artiklar mer engagerande och intressanta, samtidigt som du främjar dina konton på sociala medier.

I den här artikeln visar vi hur du enkelt kan embedda faktiska tweets i dina blogginlägg och pages i WordPress.

Varför embedda faktiska tweets i WordPress blogginlägg?

Enligt vår marknadsföringsstatistik är Twitter ett av de största nätverken för social media i världen med över 217 miljoner aktiva användare varje månad.

Idag använder många websites tweets för att göra sina bloggar mer engagerande.

Medan du kan ta en screenshot för dina blogginlägg, är det bättre att embed den faktiska tweet som du vill prata om. Detta tillåter läsare att interagera med tweeten genom att kommentera, gilla och retweeta den ursprungliga posten.

Eftersom de är interaktiva kan embedade tweets hålla kvar besökarna på din website längre, öka antalet sidvisningar och uppmuntra användare att engagera sig i ditt content och följa dig på social media.

You can even embed tweets from a trusted third party such as an affiliate marketing partner, an industry influencer, or a client who has tweeted something positive about your business.

Med det sagt, låt oss se hur du kan embedda faktiska tweets i WordPress. Använd bara snabblänkarna under för att hoppa direkt till den metod du vill använda:

Videohandledning

Subscribe to WPBeginner

Om du föredrar skriftliga instruktioner kan du fortsätta läsa.

Metod 1. Embed Tweets i WordPress utan ett plugin (snabbt och enkelt)

Du kan manuellt embedda enskilda tweets i dina WordPress blogginlägg med hjälp av Twitter-blocket och WordPress block editor.

Eftersom den här metoden använder de built-in tools som finns i WordPress behöver du inte installera några speciella tillägg och kan börja embedda tweets direkt. Om du bara vill add to ett litet antal tweets till din site är det här en snabb och enkel metod.

Men om du vill visa många tweets måste du manuellt kopiera flera URL: er vilket kan ta mycket tid. Du kan också bara visa en tweet per block, så det här är inte ett bra val om du vill embed flera tweets.

Om du vill lägga till ett social media feed som uppdateras automatiskt när nya tweets publiceras, måste du använda metod 2 istället.

För att embed en enskild tweet, head över till Twitter och hitta det inlägg som du vill visa. Det kan vara din egen tweet eller en tweet från någon annans account. Du kan till exempel embedda posts från nöjda customers, eftersom de är en kraftfull form av socialt bevis.

Nu är det bara att clicka på tweeten för att öppna den. I webbläsarens adressfält visas adressen till den specifika tweeten.

Du kan antingen obs/observera URL:en eller låta tweeten vara öppen i en separat tab, eftersom du behöver länken senare.

Gå tillbaka till WordPress dashboard och öppna blogginlägget där du vill embedda tweeten. Klicka sedan på ikonen ”+” och skriv in ”Twitter”.

När det högra blocket visas klickar du för att add to det till blogginlägget.

Sedan klistrar du bara in tweets URL i blocket ”Twitter”.

När det är gjort klickar du på ”Embed”.

WordPress block editor kommer nu att visa tweeten. Efter det kan du fortsätta att arbeta på bloggen genom att lägga till images, text och annat content.

När du är nöjd med bloggen klickar du antingen på ”Publicera” eller ”Update” för att göra ändringarna live. Om du nu besöker blogginlägget kommer du att se tweeten embedad i din blogg.

Du kan också add the Twitter block to any widget-ready area, such as the sidebar or similar section.

Det här är ett bra val om du vill visa samma tweet i multiple areas.

För Step-by-Step instruktioner, se vår guide om hur du lägger till och använder widgetar i WordPress.

Om du använder ett blockbaserat theme kan du add to Twitter-blocket till vilken del som helst av din website med hjälp av full-site editor.

Detta inkluderar area på din site som du inte kan edit med standard content editor. Du kan till exempel använda dina mest populära tweets för att förbättra templaten för 404 page.

Metod 2. Embed automatiskt flera tweets med ett tillägg (rekommenderas)

Om du behöver embeda mer än en tweet rekommenderar vi att du använder ett plugin för att skapa ett Twitter feed.

Detta ger dig flexibiliteten att skapa custom feeds som visar olika hashtags, accounts och timelines. Du kan sedan add dessa feeds till dina blogginlägg, pages, eller till och med widget-klara areas som sidebaren.

Det enklaste sättet att skapa ett Twitter-flöde är att använda Smash Balloon Custom Twitter Feeds plugin. Det är ett av de bästa Twitter -tilläggen för WordPress och låter dig add to all slags feeds till din blogg.

Dessa feeds uppdateras automatiskt, så att besökarna alltid ser dina senaste tweets utan att du behöver redigera webbplatsen manuellt.

Eftersom feeden updates automatiskt kan den hålla din website fräsch och intressant även för vanliga besökare. På så sätt kan du uppmuntra människor att spendera mer tid på din site, prenumerera på ditt email-nyhetsbrev, köpa en produkt och vidta andra positiva actions.

Om visitorerna spenderar mycket tid på att titta igenom det embedade Twitter-feedet, skickar det positiva signaler till search engines. Detta kan förbättra din sökmotorsoptimering WordPress.

Så här ställer du in tillägget Twitter Feeds för WordPress

Först måste du installera och aktivera Smash Balloon Custom Twitter Feeds-pluginet. Om du behöver hjälp kan du vänligen läsa vår guide om hur du installerar ett plugin för WordPress.

Efter aktivering är din första uppgift att ansluta Smash Balloon till ditt Twitter-konto genom att gå till Twitter Feeds ” Settings. På den här vyn klickar du på knappen ”Anslut nytt account”.

En popup visas nu med lite information om det content som Custom Twitter Feeds kommer att kunna komma åt.

Om du är nöjd med att fortsätta, klicka på ”Anslut”.

På nästa vy ser du detaljerad information om de data som Smash Balloon har tillgång till och de actions som den kan utföra.

Om du är glad att ge Custom Twitter Feeds dessa behörigheter, klicka sedan på knappen ”Auktorisera app”.

Om du blir tillfrågad, skriv in ditt användarnamn och password för Twitter.

När den utan problem har anslutits till ditt Twitter account, kommer Smash Balloon att ta dig tillbaka till WordPress dashboard automatiskt. När det är gjort är du redo att skapa ett Twitter feed.

Så här skapar du ett Custom Twitter Feed i WordPress

För att skapa ett Twitter feed, gå till Twitter Feeds ” All Feeds och klicka på ”Add New”.

På den här vyn kan du välja vilken typ av feed du vill embeda. Du kan skapa ett feed från vilket Twitter-konto som helst, inklusive tredjepartskonton.

Detta är perfekt om du skriver ett blogginlägg om ett annat företag, varumärke eller person och vill visa deras senaste tweets som en del av your.

Om du vill visa tweets från ett konto från tredje part väljer du ”User Timeline” och klickar sedan på ”Next”.

På nästa vy skriver du in @-symbolen följt av det Twitter-konto som du vill få tweets från.

Därefter klickar du på ”Nästa” för att öppna huvud Smash Balloon editor.

Ett annat alternativ är att visa tweets som har en specifik hashtag. Detta kan vara en hashtag som är relaterad till din website, digitala downloads, de produkter du säljer i din store eller något annat.

Du kan också använda hashtag feeds för att visa tweets relaterade till bloggens ämne. Om du till exempel bloggar om den senaste populära TV-serien kan du skapa ett hashtag feed som visar fans som pratar om serien.

För att skapa ett hashtag feed väljer du ”Hashtag” och klickar sedan på ”Next”. Du kan nu skriva in den hashtag som du vill använda.

Därefter klickar du på ”Nästa” för att öppna huvud Smash Balloon editor.

Det sista alternativet är ”Home Timeline”, som helt enkelt embedar ditt kontos Twitter-startflöde. Detta är exakt samma feed som du ser när du går till din Twitter homepage, så du kommer att se samma tweets, likes och retweets.

Detta kan vara användbart om du vill främja de personer du följer.

På nästa vy väljer du det Twitter account som du lade till i föregående steg.

Välj sedan ”Next” för att starta Smash Balloon editor.

Hur man Customize din Live Twitter Feed

Pluginet Custom Twitter Feeds ger dig många sätt att finjustera hur tweetsen ser ut på din website. Till höger ser du en preview av Twitter feed.

På vänster sida ser du alla de olika settings som du kan använda för att customize hur dessa tweets ser ut på din WordPress website. De flesta av dessa inställningar är självförklarande, men vi kommer snabbt att täcka några av de viktigaste area.

Börja med att clicka på ”Feed Layout”.

Här kan du ändra höjden på feeden och hur många tweets som besökarna ser från början.

När du är nöjd med ändringarna klickar du på länken ”Customize”.

Detta tar dig tillbaka till huvudvyn för inställningar av Smash Balloon.

Nästa inställning är ”Färgschema”. Som standard använder feeden de färger som ärvts från ditt WordPress-tema, men du kan byta till ett ”Light” eller ”Dark” färgschema istället.

Ett annat alternativ är att skapa ditt eget färgschema genom att välja ”Customize” och sedan använda kontrollerna för att ändra bakgrundsfärg, ändra textfärg i WordPress med mera.

Om du visar tweets från en specifik användare kanske du vill add to en header till feeden. Detta visar besökarna exakt var innehållet kommer ifrån.

Custom Twitter Feeds kan add to en standard eller text header till din feed.

Välj bara ”Header” i menyn till vänster och klicka sedan på ”Enable” toggle. Som standard lägger pluginet till en ”Standard” header, som visar knappen ”Följ” och en Twitter bio, om den är available.

Om du vill dölja Twitters bio klickar du på för att inaktivera ”Show Bio”-togglen.

Ett annat alternativ är att selecta ”Text”, vilket addar en ”We are on Twitter”-header till feeden.

You can replace this with your own messaging by typing into the ”Text” box.

När du är nöjd med budskapet kan du ändra storlek och färg på headern.

Därefter kan du customize hur de enskilda tweetsen ser ut i Twitter-feeden genom att välja ”Tweets” i menyn till vänster.

Efter det kan du välja mellan ”Tweet Style” och ”Edit Individual Elements”.

Om du selectar ”Tweet Style” kan du välja mellan boxad och vanlig layouts.

Om du selectar ”Boxed” kan du skapa en bakgrundsfärg för varje tweet. You can also make the border radius larger to create curved corners, and add to a box shadow.

Om du väljer ”Regular” kan du ändra tjockleken och färgen på den linje som separerar dina olika social media posts.

Därefter kan du customize de enskilda elementen i varje post genom att klicka på ”Tweets”, vilket tar dig tillbaka till föregående inlägg.

Den här gången väljer du ”Edit Individual Elements”.

Du kommer nu att se allt det olika content som Custom Twitter Feeds inkluderar i varje post, till exempel författare, tweettext, Twitter-logotyp och mer.

För att remove ett content från feeden, clickar du bara för att avmarkera dess box.

Du kan också customize hur varje content type ska se ut genom att clicka på den.

I följande image har vi till exempel ändrat storlek och färg på texten i tweeten.

När du är nöjd med hur tweetsen ser ut klickar du på ”Customize” för att återgå till huvudinställningsvyn för Smash Balloon. Den här gången väljer du knappen ”Ladda mer”.

Knappen ”Load More” allow visitors to scrolla genom fler tweets, så Custom Twitter Feeds add to den som standard.

Eftersom det är en så viktig knapp kanske du vill customize den genom att ändra bakgrundsfärg, hovering, etikett med mera för att matcha designen på din site.

You can also replace the standard ”Load More” text with your own call-to-action by typing into the ”Text” field.

Om du vill kan du ta bort knappen helt och hållet genom att clicka på ”Enable” toggle.

När du är nöjd med hur Twitter-feeden ser ut, glöm inte att clicka på ”Save”. Efter det är du redo att embedda Twitter feed i dina blogginlägg i WordPress.

Så här embedar du ett Twitter Feed i blogginlägg i WordPress

Du kan add feeden till dina blogginlägg med hjälp av Smash Balloon’s Twitter Feed block.

Om du har skapat mer än ett Twitter Feed med hjälp av pluginet, måste du känna till feedens kod.

För att få denna information, gå till Twitter Feeds ” All Feeds och kopiera koden i kolumnen ’Shortcode’. Du måste add to denna kod till ditt blogginlägg, så obs/observera det.

I följande image måste vi använda [custom-twitter-feeds feed=2]

Efter det öppnar du helt enkelt blogginlägget där du vill bädda in Twitter feed. Klicka sedan på ikonen ”+” för att lägga till ett nytt block och börja skriva ”Twitter Feed”.

När det högra blocket visas klickar du för att add to det till blogginlägget.

Blocket kommer som standard att visa en av dina Custom Twitter Feeds. Om du vill använda ett annat tweet feed istället, hittar du ”Shortcode Settings” i menyn till höger.

Här lägger du bara till shortcoden och klickar sedan på ”Tillämpa Changes”.

Blocket kommer nu att visa din Twitter feed, och du kan helt enkelt publicera eller updaten blogginlägget för att göra tweets live på din website. Varje gång du tweetar något kommer Smash Balloon att uppdatera detta feed automatiskt.

Metod 3. Embed Tweets i WordPress med hjälp av Twitter Publicera (anpassningsbar)

Nästa metod använder funktionen Twitter Publicera för att embedda en tweet i WordPress. Skillnaden mellan denna metod och de föregående är att den inte använder ett plugin, men det tillåter dig att customize hur den inbäddade tweeten ser ut på ditt blogginlägg.

Först och främst, se till att kopiera tweet URL som i den första metoden. Gå sedan till webbplatsen Twitter Publicera och klistra in URL: en i lämpligt fält.

Efter det klickar du bara på piltecknet till höger.

Välj sedan ett alternativ för displayen.

Eftersom du vill embed en tweet, gå vidare och välj alternativet ”Embedded Post”.

Under hittar du ett alternativ för att kopiera lite kod och klistra in den i block editor.

Men för syftet med denna tutorial måste du först klicka på länken ”set customization options”. Det är detta som gör att du kan customize hur den inbäddade tweeten gillar att se ut innan du lägger till den i ditt blogginlägg i WordPress.

Här har du alternativet att aktivera mörkt läge för dina tweets, ändra språket i tweeten och dölja diskussionen om tweets thread.

Du kan också aktivera alternativet ”Tacka nej till att skräddarsy Twitter” för att förhindra att Twitter samlar in information om dina besökare, t.ex. vilken page de besökte, deras IP-adress, typ av webbläsare, operativsystem och cookieinformation.

När du är klar klickar du bara på knappen ”Update”.

I det här skedet kommer du att gå tillbaka till föregående page, och Twitter kommer att updaten embed-koden enligt dina customizes.

Här klickar du bara på knappen ”Kopiera kod”.

Nu är det bara att öppna block editor för det post du vill embedda tweeten i.

Klicka sedan på ikonen ”+” var som helst på sidan och välj blocket ”Custom HTML”.

I HTML-fältet klistrar du bara in koden som du kopierade tidigare.

Så här ska det gilla att se ut:

Om du vill se hur den inbäddade tweeten gillar att se ut, clickar du bara på knappen ”Preview” i blockets toolbar.

Sedan kan du gratis add to fler element till din page och trycka på knappen ”Publicera” eller ”Update” när du är slutförd.

Så där ja!

För fler tips och tricks om hur du integrerar Twitter med din WordPress website, kontrollera dessa artiklar:

• Så här lägger du till Twitters delnings- och retweetknapp i WordPress
• Hur man visar antalet följare på Twitter som text i WordPress
• Så här displayed du senaste tweets i WordPress (steg för steg)
• Hur man fixar trasiga Twitter Cards Images i WordPress
• Hur man addar Click to Tweet Boxar i dina WordPress Posts
• Så här tweetar du automatiskt när du publicerar ett nytt post i WordPress

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du embedar faktiska Tweets i blogginlägg i WordPress. Härnäst kan du se vår guide om hur du tjänar pengar på att blogga online med WordPress och vårt expertval av de bästa tilläggen till WordPress Facebook för att få din blogg att växa.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.