WordPress-widgets låter användare lägga till olika funktioner till sina inlägg och sidor utan att skriva en enda rad kod. Oavsett om det handlar om att visa de senaste inläggen, flöden från sociala medier eller anpassad HTML, gör tillägget av widgets till ditt innehåll en mer dynamisk och interaktiv webbplats.
På WPBeginner använder vi olika widgets i vår sidopanel och sidfot för att dela viktig information, lyfta fram populära guider och erbjuda ytterligare resurser. Genom att utnyttja dessa områden fullt ut kan vi erbjuda ytterligare innehåll som förbättrar användarupplevelsen samtidigt som webbplatsen förblir visuellt tilltalande och funktionell.
I den här artikeln visar vi hur du enkelt lägger till WordPress-widgets i inlägg och sidinnehåll.
Varför lägga till WordPress-widgets i inlägg och sidor?
WordPress-widgets är innehållsblock som du vanligtvis lägger till i dina sidofält, sidhuvuden, sidfötter och andra områden. De erbjuder flexibilitet att lägga till många olika funktioner och egenskaper till din WordPress-webbplatslayout.
Du kan till exempel visa dina senaste inlägg, lägga till ett kontaktformulär med hjälp av ett widget-block, och mer. Det bästa är att du inte behöver redigera kod för att lägga till dem.
Tidigare kunde WordPress-widgets bara läggas till i widgetområden som ett sidofält, en rubrik eller en sidfot. Men med WordPress blockredigerare kan du nu enkelt lägga till widgets i dina blogginlägg och sidor.
Som standard erbjuder WordPress olika typer av widgets för arkiv, kalendrar, kategorier, anpassad HTML, kortkoder, senaste kommentarer, senaste inlägg, RSS, sökfunktioner, sociala ikoner och mer. Många WordPress-plugins och teman erbjuder också sina egna WordPress-widgets.
Med det sagt, låt oss titta på hur du kan lägga till WordPress-widgets i inlägg och sidor.
Lägga till WordPress-widgets i inlägg och sidinnehåll
Först måste du redigera ett befintligt WordPress-inlägg/sida eller lägga till ett nytt.
När du väl är i WordPress innehållsredigerare, klickar du på knappen "Lägg till block" (+) för att lägga till en ny widget.
Rulla sedan ner till avsnittet Widgets och dra och släpp widgetblocket som du vill lägga till i innehållet.
Låt oss säga att du vill visa dina senaste WordPress-blogginlägg inom ditt innehåll och öka engagemanget.
För att göra det, klicka bara på widgeten Senaste inlägg, så kommer dina senaste artiklar att visas i innehållet.
Du kommer att se fler inställningar i blockpanelen till höger för att redigera och anpassa dina widgetalternativ.
Med widget-block kan du också lägga till kortkoder och anpassad HTML i ditt innehåll utan att skriva kod. Detta gör det superenkelt att lägga till avancerad anpassning och få mer kontroll över hur din webbplats ser ut.
Om du också vill lägga till en anpassad widget till din sida/inlägg, se vår handledning om hur man skapar anpassade widgets i WordPress.
På liknande sätt kan du också använda ett widget-block för vilket WordPress-plugin som helst du använder på din webbplats.
Till exempel, om du använder WPForms, kan du lägga till ditt formulär i innehållet med hjälp av WPForms-blocket.
När du lägger till WPForms-blocket i ditt inläggs- och sidinnehåll, väljer du helt enkelt ditt formulär från rullgardinsmenyn i själva blocket.
När du är klar, fortsätt och publicera ditt blogginlägg eller din sida på din WordPress-webbplats.
Bonus: Användbara widgets för din webbplats
Nu när du vet hur du lägger till widgets i dina sidor och inlägg, bör du också komma ihåg att bara lägga till selektiva widgets. Om du lägger till onödiga widgets kan dina sidor se röriga ut, vilket resulterar i en dålig användarupplevelse.
Du kan till exempel installera och aktivera WP Call Button. Därefter kan du konfigurera pluginets inställningar och sedan lägga till dess widget på din kontaktsida för att lägga till en "ring nu"-knapp.
För detaljer, se vår handledning om hur man lägger till en klickbar knapp för samtal i WordPress.
På liknande sätt kan du lägga till en RafflePress-widget för att lägga till en utlottning, en Compact Archive-widget för att visa dina arkiv, en WP Simple Pay-widget för att lägga till ett betalningsformulär, eller en Social Count-widget för att visa dina följare på sociala medier.
Alla dessa alternativ kan hjälpa till att öka engagemanget, generera leads och öka konverteringarna på din webbplats. För mer information kan du se våra experters val för de mest användbara WordPress-widgets.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till WordPress-widgets i inlägg och sidinnehåll. Du kanske också vill se vår handledning om hur man lägger till anpassade instrumentpanelswidgets i WordPress eller vår nybörjarguide om WordPress-inläggsrevisioner gjorda enkla.
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.
Hove
Det fungerar inte för mig: "Widget finns inte i några sidofält".
WPBeginner Support
Du vill först säkerställa att widgeten du försöker lägga till fungerar i ett vanligt widgetområde
Admin
Mick Holmes
Fantastiskt! Tack!
WPBeginner Support
You’re welcome
Admin
Pat Walter
TACK SÅ MYCKET FÖR amr shortcode any widget. Jag har försökt och försökt att få andra kortkoder att fungera, men kunde inte. Men ditt plugin hjälpte mig verkligen. Tack igen.
WPBeginner Support
Not our plugin but glad our recommendation could help you
Admin
Hannah
Hej,
Finns det något sätt du kan visa oss hur man gör detta UTAN att använda en plugin? Vänligen meddela mig, tack.
Med vänliga hälsningar,
Hannah
WPBeginner Support
We will be sure to add that to our tutorials where it would make sense but writing out the code for a custom plugin would act the same as if you were installing a plugin to handle this.
Admin
Edu Hoffmann
Tack för att du delade!
Det här tipset var mycket användbart och sparade mycket tid
WPBeginner Support
Glad our guide could be helpful
Admin
Chris Beller
Hej, jag försökte precis göra detta i blockredigeraren och jag kan inte hitta ett sätt att få widgetblocket till höger om mina inlägg... Ungefär som hur sidofältet ser ut på min bloggsida. Hur kan jag göra detta?
WPBeginner Support
Om du menar att du vill ha dina widgets i sidans widgetområde, bör du kontakta ditt temas support för att se om det finns ett widgetområde där för inlägg och sidor.
Admin
Danny
Tack för detta.
Vad kommer namnet på "Top Posts & Pages Widget" från Jetpack att vara?
WPBeginner Support
Den bör använda det namnet, annars bör du kontakta pluginets support så kan de hjälpa dig.
Admin
Danny
Ok,
En annan sak:
Jag försökte testa det i sidofältet och fick något i stil med: Det finns inget att se här (vilket betyder att det inte finns några nya inlägg, eller så trodde jag)
Finns det ett sätt att visa mina mest populära inlägg, oavsett publiceringsdatum?
WPBeginner Support
Du bör kontakta supporten för widgeten för populära inlägg som du använder för att se vad de använder för att visa inläggen.
Erik
Bra verktyg, fungerar bra. Inga krångel med installation och konfiguration. Tack
Tivon
Hej,
Jag kan inte lägga till en ikon till. När jag klickar på knappen händer ingenting.
Karan
Fungerar inte på clipper dem
Andres
Hur lägger jag till en widget på inläggssidan (dvs. bloggen)?
Yo
Du måste lägga till amr widget-plugin för att göra det. Det är dock enkelt.
Siddiqa Pathan
Perfekt! Tack så mycket för handledningen!
Pete
FANTASTISKT! – tack så mycket. Du har räddat mig från att tappa mer hår..
marsha
Killar... snälla hjälp mig...
Vad ska jag göra för att få WordPress Download Manager och Easy Digital Download att fungera i vanliga WordPress-inlägg... jag vill inte göra ett inlägg i deras plugin utan vill posta något i mitt vanliga WordPress-inlägg... vad ska jag göra då???
Så jag kan få det värdefulla från båda dessa plugins bara i mitt vanliga WordPress
hjälp mig snälla
Karyn
Hej, jag förstår verkligen inte dessa koder och HTML-saker. Jag vill lägga till kategorividgeten på min arkivkategorisida. Jag vill också lägga till widgeten för månatliga arkiv på exakt samma arkivsida, vad gör jag? Jag är verkligen vilse.
Shona
Fantastiskt – fungerade perfekt. Tack för den här användbara handledningen!
WPBeginner Support
Kul att du fann det hjälpsamt. Se till att följa oss på Facebook.
Admin
Carol
fungerar som en charm, tack så mycket!!!
WPBeginner Support
Hej Carol, glad att du fann den hjälpsam. Se till att följa oss på Twitter för att få fler WordPress-tips och tricks
Admin
Palla Sridhar
Hej.
Jag har faktiskt ett annat krav.
Jag vill lägga till lite text och en HTML-länk inuti inläggsinnehållet för alla inlägg med samma kategori. För en annan kategori vill jag inkludera annan text och HTML-länk. Hoppas du förstår. Snälla hjälp
Inam U Khan
Det är ett hjälpsamt inlägg om någon vill använda en widget i ett inlägg eller en sida.
Rahul
hej, hur kan jag använda text-widget i ett inlägg. jag använde koden [do_widget text] men den fungerar inte. jag vill infoga en bildspel i text-widgeten, snälla hjälp mig med detta eller någon annan metod. tack
Channing
detta fungerar inte som det ska.
Jag har installerat pluginet och klistrat in koden längst ner på sidan, och när jag trycker på förhandsgranska hamnar widgeten som rubrik istället för att visas där jag placerade den.
JB
Är detta tänkt att fungera med Customizr-temat? Widgets verkar fungera i vänster och höger sidofält, men inte inom innehållet. Jag installerade till och med ett plugin som ger widget-ID:n, så jag kan inkludera rätt ID i kortkoden [do_widget ].
Hur kan jag fixa detta?
Jeffrey Beckers
Hej,
Jag använder din plugin för att visa widgeten med de senaste ämnena. Men kortkoden genereras inte i widgeten.
Gopi
Detta är ett fantastiskt plugin. Finns det ett sätt att ändra designen på pluginet
Louis
Hej, det här är ett jättebra plugin. Tack för det.
Finns det ett sätt att ändra stilarna på widgeten i AMR utan att det påverkar widgetarna på resten av webbplatsen? Främst är jag bekymrad över marginalen på 20% som centrerar innehållet klumpigt på min sida. Om jag ändrar det till 0% i .widget CSS ser det bra ut men widgetarna på de andra sidorna är helt förstörda. Finns det ett sätt att applicera separat CSS på AMR-innehållet utan att det påverkar de andra widgetarna?
Mackenzie
Tack för detta, det fungerar utmärkt i innehållet på en av mina sidor. Det verkar dock inte fungera på min startsida. Redigeringsområdet för startsidan ÄR annorlunda eftersom jag måste gå till temaalternativ>utseende istället för den enskilda sidan... Wordpress ger mig bara en plats att lägga till text, även om jag använder HTML där för andra saker som verkar fungera bra. Jag försökte lägga till kortkoden på "hem"-redigeringssidan också utan framgång.
En annan sida på den här webbplatsen sa att lägga till följande i functions.php i mitt barn-tema:
add_filter(‘widget_text’, ‘do_shortcode’);
Men att bara lägga till det hjälper inte heller. Det måste finnas någon inställning med startsidan som inte tillåter detta. Några idéer? Tack
WPBeginner Support
Ditt tema kan använda en anpassad mall. Kontakta ditt temas support.
Admin
Coach Maria
Skulle detta fungera för att lägga innehåll längst ner på varje inlägg? (Som ett prenumerationsformulär?)
Sudhakar Goverdhanam
Det fungerade bra, tack
Zaheer Abbas
Tack .... Nyhetsbrev-pluginet fungerar nu i sidor och inlägg såväl som det fungerar bara i höger sidofält
gmanob
Jag laddade ner och aktiverade detta plugin och gick sedan till Utseende – Widgets men kunde inte hitta Shortcode. Några idéer? Tack!
Andrea Valgoi
Hej, jag har det här problemet. Widgeten på en specifik sida (som fungerar perfekt) överlappar menyerna om jag scrollar ner.
Några idéer om hur man löser det?
Yuriy
Fantastiskt! Tack! Bra plugin! Det uppfyllde helt mina förväntningar!
Asad Iqbal
Det är ett nöje för mig att använda detta plugin. Mycket trevligt tillvägagångssätt.
Tack.
Tom
Tack! Detta fungerade.
Nicole @ The Pixel Boutique
Thank you! Just what I needed to make a separate page for Jetpack subscription signup. Great plugin I’ll use often.
anand kumar
hur jag får kortkoder för php/text-widgets.
pluginet visar inget för dessa
Jessi
Den här pluginen är perfekt! Jag har dock en fråga: Hur centrerar man widgeten till vänster om inlägget med texten som lindas runt den? Vilken exakt CSS-kod behöver användas?
Shonda
Älskar din widget. Men hur redigerar man en widget för att kunna använda den på mer än ett inlägg med olika data? Till exempel frågar widgeten jag använder vilken kategori och hur många inlägg i den kategorin jag vill visa.
Som det ser ut nu måste jag redigera widgeten i kortkodsområdet, sedan kan jag placera den på en sida. Nu vill jag lägga till widgeten på två andra sidor med en annan kategori och antal inlägg. Tack på förhand.
WPBeginner Support
du kan lägga till flera widgets genom att dra dem till kortkodssidan i widgetområdet och använda widget-ID:t för att visa det i inlägget.
Admin
Paul
Tack så mycket för detta plugin!! Jag skulle också vilja posta samma widget på olika sidor, men var hittar man widget-ID:t?
Sameer Verma
Hej,
Finns det något sätt att visa widget-ID:t i alla inlägg. Jag vill visa en widget under inlägget i alla typer av inlägg.
Faktiskt behöver jag dela den här webbplatsen nedan till alla inlägg och sidor.
Hur kan jag??
rianne
Hej! Jag lade till widgeten i huvud sidofältet på widget-sidan och placerade koden på sidan. Jag ser widgeten, vilket är riktigt coolt, men jag ser också detta meddelande:
Sidofältskortkoder med sidofältsid Kortkoder tomma eller ej definierade.
Widget dooodl! inte i sidofältet med id Kortkoder och med namn Kortkoder
Hur kan jag ta bort det? Och varför finns det där?
tack! hälsningar
WPBeginner Support
Widgeten du vill visa på sidan, du behöver dra och släppa den widgeten till kortkodsfältet först. Använd sedan kortkoden på en sida för att visa widgeten.
Admin
Krishna veni
Hej,
Finns det något sätt att visa widget-ID:t i alla inlägg. Jag vill visa en widget under inläggstiteln i alla inlägg
Med vänliga hälsningar
Krishna Veni
Cindy Tucker
Hjälp! Jag vill placera en prenumerationswidget under varje inlägg och jag kan ingen kod. Hur gör jag detta?
kory s
Du kan helt enkelt lägga till widgeten i widgeten för kortkoder och sedan anropa kortkoden i din mall där du vill att den ska placeras...
Se wpbeginners andra hjälpsamma inlägg på https://www.wpbeginner.com/wp-themes/how-to-use-shortcodes-in-your-wordpress-themes/
Flame Denise
Hur är det om mw-widget är en Text med titeln "Våra tjänster"?
Alla dessa kortkoder fungerar inte:
[do_widget Text: Våra tjänster]
[do_widget Text:Våra tjänster]
[do_widget “Text: Våra tjänster”]
Alexander Bradley
Vet inte varför författaren inte svarade dig. Jag hade samma problem men upptäckte att titeln för widgeten bara kallas Text. Prova det och se om det fungerar. Inte säker på vad som händer om du har flera widgets som heter Text men jag antar att jag får se snart nog.
Daniel Nielsen
Hej
Vad ska man kalla det om man vill använda samma widget mer än en gång på en sida:
[do_widget count down]
&
[do_widget count down]
Ashish
till exempel
[do_widget “recent posts”] den här
hur kan jag justera den så att den visas med en specifik höjd och bredd
justerad till höger sida av inlägget eller i mitten av inlägget med texten runt omkring?
Är det möjligt?
WPBeginner Support
du kan justera justeringen med CSS.
Admin
Sarah
Saknas det några steg? Jag har provat felsökningen och det fungerar fortfarande inte. När jag felsöker får jag ett väldigt generiskt namn på widgeten "text-4".
Finns det ett sätt att ställa in widget-ID manuellt?
Finns det ett problem med pluginet för amr kortkod-widget? Är detta till exempel fortfarande pluginet att använda från och med augusti 2013?
Aistis
Antingen har pluginet uppdaterats eller så var den här handledningen felaktig från början.
Använd [do_widget id=recent-posts-2] eller [do_widget “Nyligen i nyheter”]
WPBeginner Support
Handledningen är korrekt, vi dubbelkollade den och du gör exakt vad vi visade i handledningen ovan.
Admin
Prashant Ghai
Detta är ett fantastiskt tips. Min blogg har ett tema med en enda kolumn och detta är precis vad jag behövde. Tack så mycket.