Så här lägger du till Twitters delnings- och retweetknapp i WordPress

Jag har lärt mig att ju enklare du gör det för människor att dela ditt innehåll online, desto mer kommer de att dela det. Och när det gäller social delning är Twitter (X) fortfarande en av de mest kraftfulla plattformarna för att få ditt innehåll uppmärksammat.

Det är därför WPBeginner-teamet är aktivt på Twitter, och vi ser till att vårt innehåll är lätt att dela! 🙌

Dessutom är det enligt min mening inte bara ett trevligt komplement till en solid marknadsföringsstrategi att göra ditt innehåll delbart på Twitter, det är ett icke förhandlingsbart krav. Det beror på att det kan ha en större inverkan på ditt företag än du kanske tror.

Hur då? Twitter-andelar ökar inte bara din räckvidd. De skickar också positiva signaler till sökmotorer och visar dem att människor tycker att ditt innehåll är värdefullt.

I den här guiden visar jag dig två enkla metoder för att lägga till Twitter Share- och Retweet-knappar i WordPress (ingen kodning krävs).

Varför lägga till Twitter-delningsknappar och retweet-knappar i WordPress?

Enligt WPBeginner-teamets marknadsföringsstatistik har Twitter (X) över 250 miljoner aktiva användare varje månad. Det gör det till ett bra ställe att marknadsföra din webbplats.

Men genom att dela ditt content på social media når du bara användare som redan följer ditt account. Om du vill nå en new publik måste du få folk att dela och retweeta ditt content.

Detta kan öka trafiken på din blogg genom att introducera ditt varumärke för människor som kanske inte har varit medvetna om din website. Reposting your content är också en kraftfull form av socialt bevis. När någon delar en post eller tweet med sina följare ses det ofta som ett stöd.

Med detta sagt, låt oss titta på hur enkelt det är att add to Twitter dela och retweet knappar i WordPress. Använd bara snabblänkarna under för att hoppa direkt till den metod du vill använda:

Metod 1: Så här lägger du till en Twitter-delningsknapp i WordPress med Novashare

Enligt min erfarenhet är det enklaste sättet att lägga till en Twitter (X)-delningsknapp till WordPress genom att använda Novashare-pluginet. Det är ett av de bästa sociala mediepluginsen för WordPress som låter dig lägga till alla typer av delningsknappar på din webbplats. Detta inkluderar LinkedIn, Facebook och X.

💡 O bs: WPBeginner-teamet gjorde omfattande forskning om detta plugin, och du kan ta reda på allt om det i vår omfattande Novashare-recension.

Till skillnad från andra skrymmande plugins är Novashare prestandafokuserat och fungerar utmärkt med många populära WordPress-teman. Det gör det perfekt för webbplatsägare som bryr sig om sidhastighet, stil och enkelhet.

Steg 1: Installera och aktivera Novashare

Det första steget är att installera och aktivera plugin-programmet.

Du måste köpa Novashare-plugin från den officiella Novashare-webbplatsen.

Därefter kan du helt enkelt följa genom kassaprocessen för att komma till din Novashare-instrumentpanel.

Sedan ser du din köpbekräftelse, där du kan hitta Novashare-licensnyckeln, liksom .zip-filen.

Ladda bara ner filen, kopiera din licensnyckel och förvara den på ett säkert ställe.

Gå sedan till Plugins ” Lägg till ny för att installera plugin-programmet i ditt WordPress-adminområde.

Du kan ladda upp Novashares .zip-fil och klicka på “Installera nu” för att starta processen, följt av “Aktivera”. Om du behöver hjälp kan du läsa vår guide om hur du installerar ett WordPress-plugin.

Efter aktivering vill du aktivera din licensnyckel. Du kan göra detta genom att gå över till Inställningar ” Novashare.

På nästa skärm kan du klicka på “Licens”.

Därefter anger du bara din nyckel i fältet och klickar på “Spara licens”.

När du har gjort det är du redo att skapa din Twitter-delningsknapp med Novashare.

Steg 2: Skapa din Twitter-delningsknapp

För att skapa delningsknappar för sociala medier i Novashare kan du arbeta i antingen undermenyn “Inline Content” eller “Floating Bar”.

Undrar du vad det innebär? Här är de viktigaste skillnaderna:

• Inline-innehåll: Som standard använder dessa mediumstorleken och visar knappen längst upp eller längst ner (eller båda) – beroende på vad du väljer. Du kan också placera dem var som helst på din sida med hjälp av ett block eller en kortkod.

• Flytande fält: Dessa visas på vänster sida av skärmen på datorn och längst ned på mobilen. De använder den lilla knappstorleken som standard, men placeringen kan skifta lite beroende på skärmstorleken.

I den här guiden kommer jag att använda stilen “Inline content”, så jag aktiverar den genom att slå på knappen.

Alternativt kan du gå till fliken Floating Bar och aktivera den.

När du har aktiverat din föredragna delningsknapp, leta efter avsnittet “Sociala nätverk” under den. Här går du vidare och klickar på X-ikonen för att välja den.

Nu är det klart! Men innan du sparar den här inställningen vill du anpassa din Twitter-delningsknapp.

Steg 3: Anpassa utseendet på delningsknappen:

Om du scrollar ner i fliken “Inline Content” hittar du flera alternativ för att anpassa hur din Twitter (X)-delningsknapp ser ut och var den visas på din webbplats.

I avsnittet “Display” kan du välja vilka inläggstyper som ska visa Twitter-delningsknappen. Markera bara de rutor du vill ha. I den här handledningen aktiverar jag den till exempel för “Inlägg”.

Därefter kan du bestämma var knappen ska visas – ovanför innehållet, under innehållet eller både ovanför och under innehållet.

Med funktionen “Show in Feeds” kan du även visa knappar i RSS-flöden.

Sedan anger “Mobile Breakpoint” när den mobila stilen börjar gälla, till exempel 1200px. Samtidigt kontrollerar inställningen “Hide Above/Below Breakpoint” knappens synlighet baserat på skärmstorlek.

Längre ner på sidan hittar du underavdelningen “Design”. Här är vad du kan anpassa:

• Knappens stil: Solid, Inverse, Bordered Label, Bordered Button, Minimal Label, Minimal
• Layout för knappar: Automatisk bredd, 1-6 kolumn(er)
• Justering av knapp: Vänster, höger, mitt
• Knappstorlek: Liten, Medium, Stor
• Knappens form: Fyrkantig, rundad, cirkulär

Efter det kanske du vill ändra färgen på knappen. I så fall är det bara att flytta runt färgväljarverktyget för att välja en färg.

För den här handledningen har jag aktiverat funktionen “Inverse on Hover” för att få knappen att kännas mer interaktiv. Detta lägger till en svävareffekt, där knappens färger vänder när någon svävar över den – vilket ger användarna en visuell ledtråd om att den är klickbar.

För att göra det ännu mer intressant kan du välja färg på knappen med hjälp av färgväljarverktyget. Det finns också inställningar för att justera knappens marginal och etikettens visning.

Precis under underavdelningen “Design” hittar du “Share Counts”.

Här kan du visa det totala antalet delningar i alla nätverk. Och sedan kanske du vill ändra var det visas, som före eller efter knapparna. Du kan också justera färgen så att den matchar din WordPress-webbplats.

Vill du visa andelar per plattform också? Aktivera då gärna “Network Share Counts”.

Med det sagt, kom ihåg att vissa sociala medieplattformar inte stöder data för delningsantal längre. Så de kanske inte visar ett nummer.

Slutligen hittar du underavsnittet“Call to Action“.

Det låter dig lägga till en kort textetikett för att vägleda läsarna om vad knappen gör – som “Dela det här inlägget” eller “Tweeta nu”.

Du kan också anpassa teckenstorleken och färgen så att den passar din webbplats stil.

När du har gjort dina justeringar kan du klicka på knappen “Spara ändringar”.

Och så är det klart! Novashare kommer omedelbart att visa Twitter (X) delningsknappen på dina inlägg. Här är ett exempel från min testwebbplats:

Metod 2: Hur man låter användare retweeta dina tweets i WordPress med Smash Balloon

Om du vill lägga till en enkel delningsknapp på en sida eller i ett inlägg är Novashare ett bra alternativ. Men du kanske också vill uppmuntra besökare att retweeta dina senaste tweets. Detta kan ge dig mer engagemang och sprida ditt innehåll ännu längre.

Det bästa sättet att få fler retweets är att använda Smash Balloon Twitter Feed Pro. Detta plugin för Twitter-flöde gör att du kan lägga till hela ditt Twitter-flöde (X) på valfri sida, inlägg eller widgetfärdigt område.

💡 O bs: För mer information om insticksprogrammet, kolla in WPBeginner-teamets fullständiga Smash Balloon-recension.

Varje tweet har sin egen meny för Twitter-åtgärder.

Detta innebär att visitorerna helt enkelt kan reposta en tweet genom att clicka på dess knapp “retweet”.

Ännu bättre är att flödet uppdateras automatiskt, så att det alltid finns nya tweets för besökarna att engagera sig i. Detta kan hjälpa till att hålla din webbplats fräsch och intressant, även för frekventa besökare.

Steg 1: Ställ in Twitter Feed Pro

Först måste du installera och aktivera Smash Balloon’s Twitter Feed Pro. Om du behöver hjälp kan du läsa WPBeginners guide om hur du installerar ett WordPress-plugin.

När du har installerat plugin, head över till Twitter Feed ” Settings. Du kan nu enter din Smash Balloon license key i fältet “License Key”.

Du hittar den här informationen i det bekräftelsemail du fick när du köpte Smash Balloon och i ditt Smash Balloon account.

När du har lagt till din license key, fortsätt och klicka på knappen “Activate”.

Steg 2: Skapa ett live Twitter-flöde för WordPress

När du har gjort det är du redo att skapa ett custom Twitter feed. För att komma igång går du till Twitter Feed ” All Feeds och klickar sedan på knappen “Add New”.

Om detta är första gången du lägger till ett Twitter feed med Smash Balloon, kommer du att bli ombedd att kontrollera din email address.

Klicka bara på knappen “Anslut” för att göra det och completed instruktionerna på vyn.

När du har gjort det kommer du tillbaka till plugin-sidan. Smash Balloon kommer nu att visa alla de olika typer av Twitter Feeds du kan skapa.

Eftersom du vill ha fler retweets väljer du bara “User Timeline” och klickar på “Next”.

På nästa skärm måste du skriva in @-symbolen följt av namnet på ditt Twitter-konto (X).

När du är klar klickar du på “Next” för att öppna huvuddelen av Smash Balloon Editor.

Därefter kan du välja vilken template du vill använda i your feed.

Du kan till exempel visa dina tweets i en responsiv slider genom att välja “Simple Carousel”. Om du bara vill marknadsföra din senaste tweet kan du välja mallen “Senaste tweet” istället.

Jag kommer att använda “Default”-mallen för den här handledningen, men du kan välja vilken mall du vill.

När du har fattat ditt beslut klickar du på “Nästa”.

Smash Balloon kommer nu att visa en preview av social media feed, redo för dig att customize.

Steg 3: Anpassa ditt Twitter-flöde i WordPress

Är du inte nöjd med hur templates ser ut? För att ändra den, välj bara “Template” i menyn till vänster.

You can then click on the “Change” button.

Detta öppnar en popup där du kan välja en new layout.

Välj helt enkelt en ny mall och klicka sedan på “Uppdatera”.

När du har gjort det måste du klicka på länken “Anpassa”.

Då kommer du tillbaka till huvudinställningarna för Smash Balloon.

Nästa alternativ i menyn till vänster är “Feed Layout”, så klicka på det.

Här kan du ändra höjden på Twitter feed och antalet tweets som besökaren ser från början. Du kan också växla mellan en Grid-, Masonry- eller Carousel-layout.

När du gör ändringar uppdateras preview automatiskt, så att du kan prova olika inställningar för att se vad som ser bäst ut.

Beroende på vilken layout du använder kanske du kan ändra hur många columns Smash Balloon visas på skrivbord, surfplattor och mobila enheter.

Smartphones och surfplattor har oftast mindre skärmar och mindre processorkraft, så du kanske vill visa färre kolumner på mobila enheter. Detta kan hjälpa dig att hålla din webbplats mobilvänlig.

För att anpassa detta baserat på enhet använder du helt enkelt rullgardinsmenyerna i avsnittet “Kolumner”.

När du är nöjd med hur layouten för feed är inställd klickar du på länken “Customize” igen för att återgå till vyn med huvudinställningarna.

Här kan du klicka på “Färgschema”.

Som standard använder Smash Balloon 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 ett eget färgschema genom att välja “Custom” och sedan använda kontrollerna för att ändra bakgrundsfärg, ändra textfärg med mera.

När du är nöjd med dina ändringar klickar du på länken “Customize” igen. När du är tillbaka på vyn med huvudinställningarna måste du klicka på “Header”.

Som standard lägger Smash Balloon till en “Standard”-rubrik i flödet, som visar en “Följ”-knapp och din Twitter-biografi, om den finns tillgänglig.

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 message by typing it into the “Text” box.

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

Gå sedan tillbaka till huvudskärmen för Smash Balloon-inställningar och välj “Tweets”. Här 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 väljer “Boxed” kan du skapa en färgad bakgrund för varje tweet. Du kan också göra kantradien större för att skapa böjda hörn eller lägga till en boxskugga.

Om du väljer “Regular” kan du ändra tjockleken och färgen på den linje som skiljer dina olika inlägg på sociala medier åt.

När du är nöjd med dina ändringar klickar du bara på “Tweets”.

Då kommer du tillbaka till föregående vy.

Den här gången kan du klicka på “Edit Individual Elements”.

Du kommer nu att se allt content som Twitter Feed Pro inkluderar i varje tweet, till exempel författaren, tweettexten, Twitter-logotypen och mer.

För att få så många retweets som möjligt är det en bra idé att få retweet-ikonen att sticka ut. För att göra detta klickar du på pilen bredvid “Tweet Actions”.

Här kan du göra tweets actions större med hjälp av dropdown ‘Size’ och ändra färg.

Var bara medveten om att Smash Balloon kommer att tillämpa dessa ändringar på alla tweet actions och inte bara “retweet” icon.

När du är nöjd med hur actionen för tweet ser ut klickar du bara på texten “Elements”.

Då kommer du tillbaka till föregående vy.

Upprepa bara denna process för att customize något av de andra enskilda elementen.

Du kan också dölja ett element genom att avmarkera dess box.

Att dölja onödigt content är ett annat trick som kan hjälpa retweet action att sticka ut.

När du är nöjd med hur tweetsen ser ut kan du gå tillbaka till huvudvyn för Smash Balloon Settings och välja “Load More Button”.

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 message by typing it into the “Text” field.

Ett annat alternativ är att aktivera en oändlig scroll så att nya tweets visas automatiskt när besökarna når slutet av flödet. Detta uppmuntrar besökarna att utforska fler av dina tweets och kan ge dig några extra retweets.

För att aktivera den här funktionen klickar du bara på reglaget “Infinite Scroll” så att det ändras från grått (inaktiverat) till blått (aktiverat).

Du kan också ändra “Trigger Distance”, som talar om för Smash Balloon när nya tweets ska laddas. Standardinställningarna bör dock fungera bra för de flesta WordPress-webbplatser.

Efter det är det sista alternativet på huvudinställningsskärmen för Smash Balloon “Lightbox”.

Som standard tillåter Twitter Feed Pro besökare att rulla genom feedens images och videos i en lightbox popup.

Detta kan ge dig lite extra retweets, eftersom visitorerna kan titta närmare på feedens images och se dina videoklipp utan att lämna webbplatsen.

Med detta i åtanke rekommenderar jag att du låter lightboxen vara aktiverad.

Men om du vill inaktivera den här funktionen klickar du bara på den blå “Enable”-knappen så att den blir grå.

När du är nöjd med hur Twitter-flödet ser ut, glöm inte att klicka på “Spara”. Efter det är du redo att bädda in Twitter-flödet och retweet-knapparna på din WordPress-webbplats.

Steg 4: Lägg till ditt Twitter-flöde i WordPress

Du kan lägga till Twitter-flödet på din webbplats med hjälp av antingen en kortkod eller Twitter Feed-blocket. Eftersom det är den enklaste metoden, låt oss först se hur du kan lägga till flödet på en sida eller ett inlägg med hjälp av Smash Balloon-blocket.

Om du har skapat mer än ett feed måste du hitta koden för det feed du vill embedda.

För att få denna information, gå till Twitter Feeds ” All Feeds och kopiera koden i kolumnen ‘Shortcode’. Du kommer att behöva add to denna kod till din site, så obs/observera den.

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

Efter det öppnar du helt enkelt den page eller post där du vill embedda Twitter feed. Klicka sedan på ikonen “+” för att lägga till ett nytt block och börja skriva “Twitter Feed”.

När rätt block visas klickar du för att add to det till blogginlägget.

Blocket visar ett av dina Twitter feeds som standard. Om du vill använda ett annat feed hittar du “Shortcode Settings” i menyn till höger.

Här lägger du bara till kortkoden och klickar sedan på “Apply Changes”.

Blocket kommer nu att visa din Twitter feed, och du kan helt enkelt publicera eller updating posten för att göra den live på din website.

Ett annat alternativ är att lägga till flödet i en widget-klar yta eller ett designelement för hela webbplatsen, t.ex. sidofältet. Detta gör att besökare kan retweeta dina senaste inlägg från vilken sida som helst på din webbplats.

Om du använder ett blocktema kan du lägga till Twitter Feed-blocket direkt i en av dina mallar eller malldelar i Full Site Editor, på samma sätt som jag visade för en sida eller ett inlägg.

Detaljerade instruktioner om hur du gör detta finns i vår nybörjarguide till WordPress Full Site Editing.

Om du inte använder ett blocktema måste du gå till Utseende ” Widgets i WordPress instrumentpanel och sedan klicka på den blå “+”-knappen.

När du har gjort det måste du skriva in “Twitter Feed” för att hitta rätt widget.

Sedan drar du den bara till det område där du vill visa feed- och retweet-knapparna.

Widgeten visar ett av de feeds som du skapade med Smash Balloon.

Om du vill visa ett annat Twitter-flöde i stället skriver du in flödets kod i rutan “Shortcode Settings” och klickar sedan på “Apply Changes”.

Du kan nu clicka på knappen “Update” för att göra widgeten live. För mer information, vänligen se vår Step-by-Step guide om hur man lägger till och använder widgetar i WordPress.

Slutligen kan du bädda in knapparna för feed och retweet på valfri page, post eller widgetfärdigt area med hjälp av en shortcode.

Gå bara till Twitter Feed “ All Feeds och kopiera koden i kolumnen ‘Shortcode’. Du kan nu add to shortcoden till alla widget-klara area på din site.

För mer information, vänligen se vår detaljerade guide om hur du lägger till en shortcode i WordPress.

Bonus Tips: Dela till Twitter med ClickSocial

ClickSocial är det bästa schemaläggningspluginet för sociala medier för WordPress. Det låter dig schemalägga och publicera inlägg till Twitter (X) direkt från din WordPress-panel!

Du kan lägga till ditt Twitter-konto, skriva ett inlägg med hjälp av verktygets intuitiva redigerare och antingen publicera det omedelbart eller schemalägga det för senare med hjälp av alternativ som Lägg till i kö eller Anpassad tid.

Den stöder också återupplivning av gamla WordPress-inlägg, så att du automatiskt kan dela ditt vintergröna innehåll på Twitter utan att lyfta ett finger.

Mer information finns i vår guide om hur du schemalägger WordPress-inlägg för sociala medier.

Learn More sätt att använda Twitter i WordPress

Vill du få ut mesta möjliga av din Twitter-profil (X) för att marknadsföra din WordPress-webbplats? Eller vill du kanske lägga till mer Twitter-innehåll på din webbplats? Om så är fallet, kolla in dessa guider nedan:

• Guide för Beginnare om hur man lägger till Twitter Cards i WordPress
• Hur man fixar trasiga Twitter Cards Images i WordPress
• Så här marknadsför du din Twitter-sida i WordPress med en popup
• Så här visar du antalet Twitter-följare och mycket mer i WordPress
• Så här lägger du till en betala med en tweet-knapp för filnedladdningar i WordPress

Vi hoppas att den här artikeln hjälpte dig att lägga till Twitter-delning och retweet-knappar i WordPress. Du kanske också vill kolla in vår artikel om den senaste statistiken om sociala medier som bloggare måste känna till och vår nybörjarguide om hur du startar en YouTube-kanal för ditt företag.

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.