Adding embedded Facebook feeds

Adding embedded Facebook

Firstly, this can only be done with public facebook pages and not with personal profile pages.   If the page has friends then it is a personal page.  If it can be liked then it is not and can be embedded

Using the Custom Facebook Feed plugin

In the Facebook Feed options set the facebook page id (e.g. to highstreetmethodist)

This works well inside of a sidebox-boxed post. The Like box at the top is enabled using   “Facebook Feed/Customise/Misc’  and clicking show the like box. To remove the space at the top of the page then in Facebook Feed/Customize/Misc, set the custom CSS to

.cff-likebox {
 margin-top: 0;
}
.cff-header {
 margin-bottom: 0;
}

The Facebook feed post can also be selected to appear on the Front page.   In order to get the banner on the top then go to ‘Settings/Excerpt’ select ‘script’ from the More tags that can be included and tick it.

For best display when the window is viewed on a narrow screen go to “Facebook Feed/Customise/Misc’ and set the “customise Like Box” width to 500px.

The facebook feed can end up being rather long so setting the maximum feed length to something like 700px is also worth considering.

Using facebook code itself

Alternatively it can be done using the process described on the facebook website

https://developers.facebook.com/docs/plugins/page-plugin/

The cricket theme has been configured to include the common javascript that is required. In the cricket theme facebook feeds can be added in a post of type ‘Side-Box’ (e.g. http://www.derbymethodists.org.uk/churches/oakwood/)

To add or change a Facebook feed, copy the URL into the form, click ‘Get Code’ and copy the contents of the second box into the webpage when editing in text mode (tab on top right of editor).   I suggest a width of 500px and a height of 1000px.  The website theme has already been configured with the necessary code from the first of the two boxes that are shown on clicking ‘get code’.