WordPress Tutorials
Hoe een Facebook pagina plugin toevoegen aan WordPress?
Facebook heeft al sinds geruime tijd een nieuwe Facebook pagina plugin geïntroduceerd voor websites. Met deze plugin, beter gezegd widget, kun je op een eenvoudige manier je Facebook pagina tonen op je WordPress website.
dd
In dit artikel ga ik je stap voor stap laten zien hoe je een Facebook pagina plugin kunt publiceren op je website.
Het is belangrijk dat je onderstaande gegevens correct invult:
Wanneer je tevreden bent klik je op de blauwe button Code ontvangen.
De tweede code zorgt ervoor dat je plugin wordt weergeven op de specifieke plek van je website. Deze code plaats je dus in bijvoorbeeld een footer widget.
Belangrijk is dat je code 1 plaats in een child thema header.php bestand. Wanneer je deze namelijk direct in het hoofd thema plaatst is de kans groot dat de aanpassingen in de toekomst verloren gaan.
Je kunt namelijk ook een iFrame toevoegen aan je website. Dit betekent dat eigenlijk de website van Facebook op jou pagina geladen wordt.
Wat is een Facebook pagina plugin?
De Facebook pagina plugin is een code die je kunt plaatsen op je website. Deze code toont je Facebook pagina op je eigen website. Daarnaast kunnen bezoekers van je website eenvoudig je pagina direct leuk vinden, omdat ze ook kunnen klikken op de vind-ik-leuk button. Het verschil met de oude Facebook plugin is dat nu ook de omslagfoto word getoond op je website. Daarnaast kunnen bezoekers ook scrollen over je tijdlijn.Hoe de Facebook pagina plugin toevoegen?
Allereerst moet je naar de website gaan van Facebook developers. Daar vind je de optie waar je jou Facebook pagina code kunt aanmaken die je vervolgens kunt plaatsen op je website.
Het is belangrijk dat je onderstaande gegevens correct invult:
- De URL van je Facebook pagina
- Breedte + Lengte wanneer je een andere afmeting wilt dan standaard
Wanneer je tevreden bent klik je op de blauwe button Code ontvangen.
Facebook code plaatsen op je website?
Je krijgt twee codes van Facebook. Code 1 is de JavaScript code. Deze code moeten je plaatsen op elke pagina van je website. Dit doe je door de code te plaatsen direct na de opening van je <body> tag.
De tweede code zorgt ervoor dat je plugin wordt weergeven op de specifieke plek van je website. Deze code plaats je dus in bijvoorbeeld een footer widget.
Belangrijk is dat je code 1 plaats in een child thema header.php bestand. Wanneer je deze namelijk direct in het hoofd thema plaatst is de kans groot dat de aanpassingen in de toekomst verloren gaan.
Facebook plugin als iFrame toevoegen
Wanneer optie 1 te lastig is kun je ook kiezen voor optie 2 van Facebook.
Je kunt namelijk ook een iFrame toevoegen aan je website. Dit betekent dat eigenlijk de website van Facebook op jou pagina geladen wordt.
Dit doe je door de code te plaatsen direct na de opening van je tag.
wat is een body tag en waar kan ik dat vinden? (beginner wordpresser…)
Hey goedemorgen Anja,
Hartelijk bedankt voor je reactie. Je kunt de bodytag vinden via je WordPress dashboard.
Ga naar: WordPress dashboard > Weergave > Editor > zoek naar het header.php bestand.
Hier vind je de body tag: zoek op CRTL + F: Body.
Hier plaats je vervolgens de code.
Succes!
Kan je een link publiceren hoe ik op de juiste pagina van de Facebook Developers kom?
Hi Juliet, bedankt voor je reactie.
Wat bedoel je precies met je vraag?
Hier vind je de Facebook Developers: https://developers.facebook.com/
Hopelijk kun je hiermee verder. Succes!
https://developers.facebook.com/docs/plugins/page-plugin
ik moest ook even zoeken, hoop dat je het intussen gevonden hebt 🙂
Hi Ellen, bedankt voor je reactie en de link naar de page-plugin 🙂