Facebook Feed in WordPress Website: How to Create and Install
In this article we’ll discuss how to integrate and use the Facebook feed into a WordPress website. We’ll cover everything from the required plugins and themes, to the various placements and configurations of the different components. So, let’s get started.
Step 1: Install and Configure the WordPress Websites
The first step is to install WordPress on a web server. You can use any one of the many available distributions, such as Ubuntu, Debian, or CentOS. For the purposes of this tutorial we’re going to use a Ubuntu 14.04 LTS server. Installation is very simple and can be done in just a few minutes.
Once WordPress is installed, it’s necessary to configure it so it’s ready to use with the Facebook feed. To do this, you’ll need to make a few changes to the WordPress configuration file,
%PATH% is a special variable that denotes the directories that contain your WordPress’ files. For example, if your WordPress’ files are in
/usr/local/etc/wordpress/
%PATH% should be set to: /usr/local/etc/wordpress/
That’s all there is to configuring WordPress for use with the Facebook feed. You can review and make changes to the WordPress configuration files in just about any text editor or IDE (Integrated Development Environment).
Step 2: Enable the Facebook API
The second step is to enable the Facebook API on your WordPress website. To do this, you’ll need to visit the WordPress’ Settings menu, and click on the Social icon. Then, click on the link to the Facebook Developer Portal.
Once you’re on the Facebook Developer Portal, look for the API’s that you want to enable. There will be a button with a lock on it, next to the API name. Once you click this button, the API will be enabled.
Enabling the Facebook API on WordPress is very straightforward. You can verify that everything is working correctly by visiting the Facebook homepage and looking for the login dialog. If everything is working as expected, you’ll see the login dialog, with the Facebook logo, near the top of the page.
Step 3: Install the Facebook Login Button
The third step is to install the Facebook login button on your WordPress website. To do this, head back to the WordPress’ Settings menu and click on the Social icon again. Then, click on the link to the Facebook Login Button.
Once you’ve clicked this link, you’ll be taken to the Facebook site, where you can download and install the Login Button for your WordPress site. Once installed, you can add it to your website in just a few minutes. To add the Facebook Login Button to your website, find the area that will be used to display the login form. Then, add the HTML code for the Login Button, from Facebook.
Once added, the Facebook login button will appear at the top of the page in a light blue color. Additionally, Facebook will provide you with some CSS (Cascading Style Sheets) that you can use to style your login button.
Step 4: Configure the Login Button
The next step is to configure the Facebook login button on your WordPress site. To do this, you’ll return to the WordPress’ Settings menu, and click on the Social icon. Then, click on the link to the Facebook Login Button and you’ll be taken to the page where you can configure the button. You can find more information on this page, including how to use the different fields on it.
You can add more login options by clicking on the Add another login button at the top of the page. Then, you can configure each one individually. To add another login option, simply click on the Add another login button and fill out the form with a username and password. Once added, you can use the Facebook login button, along with the other login options, on your WordPress site.
Step 5: Install the Facebook Meta Tags
The final step is to install the Facebook meta tags on your WordPress website. To do this, head back to the WordPress’ Settings menu, and click on the Social icon. Then, click on the link to the Facebook Developer Portal, and look for the Meta Tags section. Once you’re there, you can install the Facebook meta tags.
Review the Meta Tags for your Facebook page and make sure that they are correct. Then, click on the Apply button to save your changes. Now, whenever someone publishes a new story on your Facebook page, the story will show up automatically on your website, along with the other stories on your Facebook page.
If you want to remove the Facebook meta tags from your WordPress site, return to the WordPress’ Settings menu and click on the Social icon. Then, click on the link to the Facebook Developer Portal, and look for the Meta Tags section. Once you’re there, you can remove the tags.
Now that you’ve got the basic steps down, let’s discuss some details about how to put together your WordPress site, with the Facebook feed integrated.