Facebooks gillandebox, även känd som Facebook-fläktbox, har blivit ett måste för många webbplatser. Nyligen ersatte Facebook denna widget med den nya Facebook Page-pluginen. I den här artikeln visar vi dig hur du lägger till Facebook Page-pluginen i WordPress.
Notera: Användare som redan har implementerat den gamla gilla-rutan eller fläktrutan på sina WordPress-sidor kommer automatiskt att flyttas till det nya sid-pluginet.
Vad är Facebook Page Plugin?
Facebook-sidopluggen är ersättningen för det som tidigare kallades Facebook Like box. Den tillät dig att marknadsföra din Facebook-sida på din webbplats. Den nya Facebook Page-pluggen gör exakt samma sak.
Den har ett nytt och förbättrat utseende som nu också visar din Facebook-omslagsbild. Den kommer med två knappar. Användare kan gilla din sida, och de kan också dela den. Du har möjlighet att visa användare vilka av deras vänner som redan har gillat din sida. Du kan också visa de senaste inläggen från din Facebook-sida.
Videohandledning
Om du inte gillar videon eller behöver mer instruktioner, fortsätt att läsa.
Hur man lägger till den nya Facebook Page-pluginen i WordPress
Först måste du besöka Facebooks sida för plugin-sidan. Du hittar alternativen för att konfigurera utseendet på din Facebook-sidainbäddning.
Ange bara URL:en till din Facebook-sida. Därefter behöver du ange bredden och höjden för rutan. Alternativt kan du lämna det tomt, så försöker Facebook automatiskt att justera det.
Du kan visa ditt omslagsfoto, inlägg och vänners ansikten i sidpluginet. När du är nöjd med utseendet klickar du på knappen Hämta kod för att fortsätta.
Facebook kommer nu att visa dig två kodavsnitt. Kopiera det första kodavsnittet och klistra in det i ditt tema eller ditt barn-temas header.php-fil direkt efter <body>-taggen.
Kopiera sedan det andra kodavsnittet och klistra in det var som helst där du vill visa sidans like-ruta. Du kan också klistra in detta kodavsnitt i en textwidget genom att gå till Utseende » Widgets.
Vi hoppas att den här artikeln hjälpte dig att lägga till Facebook Page-plugin till din WordPress-webbplats. Du kanske också vill kolla in vår artikel om 5 snabba sätt att få fler Facebook-likes med WordPress.
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videohandledningar. Du kan också hitta oss på Twitter och Facebook.
Paddy
Det här stöds inte i Mozilla-webbläsaren. Stöds endast i Chrome.
Kan du hjälpa mig att konfigurera det för alla webbläsare?
WPBeginner Support
Sid-pluginet bör fortfarande fungera i Firefox, du kanske vill prova att inaktivera dina webbläsartillägg för att säkerställa att det inte är en konflikt där.
Admin
Roja
Finns det något alternativ för att ringa oss eller skicka meddelande istället för dela-knappen
Mario
Hej, när jag försöker använda den och lägga till via widget, antingen text- eller HTML-widget, så går det inte igenom eftersom den tar bort alla data-attribut-element. Kan du hjälpa mig/oss?
Xavier Clapin-Pépin
Tack wpbeginner, det är bra eftersom jag inte behöver ladda ner ett WP-plugin för att lägga till Facebook Plugin Page, vilket rekommenderas för att minimera antalet plugins för att undvika konflikter och för många potentiella problem...
Facebook-plugin-sidan ser bra ut på vår webbplats, som du kan se i sidofältet till höger:
Fortsätt med ert fantastiska arbete!
Xavier
John
Jag har fortfarande problem...
Av någon anledning när jag fyller i det under
Min sidförhandsgranskning visas inte...
Så jag tror att det är någon typ av behörighetsinställningar som jag har ställt till det med.
Så när jag får koden och lägger den på min sida, visas den inte heller. Snälla hjälp!
John
Xavier Clapin-Pépin
Jag hade samma problem, se till att din Facebook-sida är publicerad i inställningarna.
Teresa
Ok, jag löste det, men jag vill inte visa ett inlägg – det gör det för stort. Ditt exempel visar var du kan avmarkera det, men på sidan finns det alternativet inte där. Hur blir jag av med det och visar bara min FB-sidhuvud? Tack
Teresa
Så jag gjorde precis som du sa – jag har nu en FB-ruta med Mark Zuckerbergs livestream precis som på sidan där jag kopierade koden… varför skulle jag få det? Uppenbarligen inte vad jag vill ha – så inte hjälpsamt
Diana Lesko
Bra video? Hur är det med redigeringsdelen? Var redigerar du bredden?
Diana Lesko
I found my answer.
I cant delete my comment, sorry.
John
Okej, jag är stumpad. Jag följde instruktionerna här på en väns Wordpress-sida för hennes resebyrå, och det fungerade perfekt. I fyra dagar. Sedan slutade det bara att fungera. För att testa ändrade jag URL:en till en annan väns Facebook-sida och det fungerade. Men när jag ändrade tillbaka till resebyråns sida, nada. Jag hoppades att du kanske hade en idé om vad som händer och/eller, ännu bättre, hur jag kan få appen att fungera igen.
Anne Marie
Hej,
Jag har verkligen haft svårt att slutföra den här processen: Facebooks utvecklarsida vägrar min Facebook-sidans URL, liksom min profil-URL… Jag vet bara inte vad jag ska göra för att få det att visas på min blogg.
Dessutom, om jag försöker, med Beaver Builders verktyg, att lägga till en "kortkod" från något plugin för Facebook, fungerar det aldrig! Ingenting visas. Kan du hjälpa mig, snälla? Tack!!!
chris
har du hittat ett svar på detta? är det en fb-inställning? Jag har samma problem. försöker göra detta för en grupp. osäker på om jag behöver vara sidadministratör för att koden ska fungera ordentligt eller vad.
Anne-Marie
Hi Chris, yes! I wrote to the plugin company and they helped me understand the major difference between “everyone’s” Facebook page (aka, your personal page)–AND–the Facebook page you create with a different account..so until you do the steps via Facebook to create yourself a second, “professional” page (free, quite easy to do), no plugin will work. Once you do this, go back in the plugin section asking for your professional page Facebook URL (which is different), and it should show easily on your blog or site…hope it works for you too!
rohit
Hej. Jag kan få länken på min webbplats men kan inte få bilden av sidan eller någon visuell. Hur fixar jag det? Snälla hjälp,
Monique
Hur kan jag visa ett foto, en artikel (eller en länk) från WP till en Facebook-sida?
niloy
hur kan jag ändra språk i detta Facebook-plugin
AL
It works, thanks
Bogdan
Det fungerar bara i widgets. Hur kan jag få det att fungera på en sida?
Jackie Parry
Tack för informationen – men för dummies som jag, var hittar jag sidan där jag ska lägga in min FB-sidans URL, enligt din första bild. Jag öppnade länken för att gå till FB-pluginets webbplats – men jag vet inte hur jag får upp rätt sida för att lägga till min URL – vänligen ge råd. Tack.
April
Hjälpsam post! Tack.
Tomas
Tack för det här inlägget, det var precis vad jag letade efter!
Men när du använder dela-knappen får alla ständigt följande felmeddelande:
App inte inställd: Den här appen är fortfarande i utvecklingsläge och du har inte åtkomst till den. Byt till en registrerad testanvändare eller be en appadministratör om behörighet.
Några råd? Tack!
Carole
Jag har infogat koden men av någon anledning visas bara den översta 1/4 tum av bilden. Den ser bra ut i Förhandsgranskning på FB-sidan för att skapa koden, men inte på min webbplats. Någon idé om hur man fixar detta?
Paul Butterworth
Tack för detta, det fungerar, men jag kan inte få 'Anpassa till plugin-behållarens bredd' att fungera, den är smal, och om jag ställer in den manuellt är maxbredden på 500 ganska smal. Finns det ett sätt att göra den bredare?
Erik
Fråga: Är detta Facebook Page Plugin samma som Facebook Page Plugin skapat av Cameron Jones som finns här:
Osäker på om det spelar någon roll, men jag försöker avgöra vilken jag ska använda. Om du har några hjälpsamma förslag eller information, skulle jag uppskatta det!
Tack,
Erik
WPBeginner Support
Nej, det är inte samma sak.
Admin
Cameron Jones
Hej Erik,
Mitt plugin och handledningen här är desamma, men också olika. Genom att följa denna handledning behöver du redigera dina temamallar för att lägga till koden för Facebook-pluginet, men om du använder mitt WP-plugin kommer det att skriva all kod åt dig och du kan styra alternativen med antingen en kortkod eller en widget.
Jag hoppas att det hjälper dig
Cameron
Junaid
Jag har använt den här metoden för att lägga till Facebook-flödet här. Men det visar bara 5 senaste inlägg, efter 5 inlägg visas en knapp "Hitta oss på Facebook". Finns det ett sätt att ställa in det att visa obegränsat med inlägg eller åtminstone öka antalet inlägg att visa?
WPBeginner Support
Vänligen ta en titt på sidan Social Plugins på Facebook för fler API-parametrar.
Admin
Junaid
Har redan kollat där, jag kunde inte hitta en parameter för att ställa in antal inlägg att visa.
Long Nguyen
Jag har upptäckt att även om jag inte kopierar det första utdraget till header.php, hjälper koden i det andra utdraget fortfarande till att visa märket.
Men jag stöter på ett problem att märket inte visar allt. Det visar hälften av vänster sida, så jag har förlorat dela-knappen till höger, oavsett hur jag justerar bredden i koden.
Kan du snälla ge råd om hur jag kan göra det till ett fullständigt märke? Tack. Min webbplats är diadiemdulich.com
samkelo magoqo
Tack för inlägget! Hade gärna sett videoguide också
WPBeginner Support
Videoguide kommer snart.
Admin
Jared
Jag märkte på vissa teman som jag kör att du måste lägga till initialiseringen för Facebooks Javascript SDK i din fil. Liksom koden som Facebook ger för din plugin.
Jag experimenterade också genom att minifiera javascriptet och det fungerar fortfarande. Dock saknas prestandan hos den nya pluggen. Jag märkte att den laddas sist jämfört med den jag använde tidigare.
Lindsey Garcia
Okej, bra, det här är grymt! MEN hur klistrar jag in koden i min child theme .php-fil????? Jag har ingen aning om vad du pratar om (nybörjarbloggare). Är det inom mitt WordPress-dashboard? Är det via min värd och jag måste bege mig dit? Jag hittade en YouTube-handledning för detta också, och de gjorde samma sak genom att inte förklara hur man gör det…?? Hjälp vore bra! Tack!
Sajid Akhtar Rehman
Tack så mycket... detta är ett fantastiskt inlägg och fungerar korrekt
NemiraB
Hej, tack för informationen. Det är lite komplicerat för mig, men jag antar att det är värt att prova. Dessa sociala kopplingar är så viktiga, för hur kan du sprida ditt budskap utan dem? Allt gott, hälsningar. Nemira
Abhishek
Tack så mycket för uppdateringen, uppdaterade äntligen min webbplats med Facebook-sidpluginet. Jag använde inte den första koden ovan, utan använde den andra koden och skapade en widget när jag behövde visa den.
oladayo awe
tack för detta inlägg
Govertz
Finns det någon som har testat prestandapåverkan med detta nya FB-plugin?
Damien Carbery
Ett funktionsplugin (med add_action för wp_head) skulle vara en utmärkt plats för Javascript-koden. Detta skulle innebära att header.php-filen inte behöver ändras – användbart när webbplatsägaren har ändrat ett föräldratema eller inte vill röra barn-temakoden.