How to add real -time Facebook to your WordPress website

Facebook

Having more than 2.27 billion monthly active users It is one of the world’s leading brands and social networks.

In addition to simply displaying the link to your Facebook page on your website, there are many other ways to make your company’s Facebook personal information with you WordPress website integration. A choice is to display your Facebook post on your website.

In the following article, we will show you how to integrate your Facebook account with your WordPress website in order to display Facebook on your website Summary. This will not only increase the participation, but also have a positive impact on the user experience of your website.

Tutorial setting

As usual, we recommend testing new code in the development site or test environment before working directly on your real -time site. Essence

If you still want遵循以下教程之一：

如何使用DesktopServer 设置本地开发环境

• (Aspen Grove Studios) [123 ] How to use Flywheel

(Divi Space)

• Use LOCAL to build a local development environment How to use MAMP

(Elegant theme)

• At MAC Create local WordPress installation For this tutorial, I use

DIVI All Purpose Sub -theme

.

Divi All Purpose is a free children’s theme of Divi, which can be ed for free from Aspen Grove Studios stores. Divi All Purpose immediately and start using Divi All Purpose to create an excellent Divi website.

How to refer to real -time Facebook referral Add to your WordPress website

You can add Facebook to your WordPress website in various ways.

使用Facebook 页面插件将实时Facebook 提要添加到您的WordPress 网站

Facebook for Developers

提供了一Series

Social plug -in

, to help show your Facebook page on your website to the maximum extent.

除了能够嵌入评论流、在您的网站上显示Facebook 群组等等之外，页面插件还提供了一个简单的解决方案，可以It will be mentioned in your website. First, visit the page plugin .

Here, specify the variable you want Feed.

Facebook page URL

: Enter the URL that you want to share Facebook.

• tab : You can decide whether to include a timeline, event or message confession here. To display one of the three options, just write \”timeline\”, \”event\” or \”message\”, in order to display all three options in multiple tabs, use the commas List.
• Width and Height

: You can set the custom size here to be within the specified maximum parameter.

• Other options : Finally, you can choose whether to display the slender view of the title, completely delete the cover photo, allow the plug -inThe container and whether the configuration file that wants to be associated with the user is displayed in feeding.

Completed the summary After the display settings, click

to get the code.

Now, a pop -up window with two code fragments will appear. According to the instructions, copy the first code and paste it to the header.php file in your WordPress website theme, below the start \u0026 lt; body \u0026 gt; mark.

If you use an elegant theme DIVI theme, you don’t have to worry about the code in the theme of touching the child.

In contrast, navigation to Divi \u0026 gt; theme option

menu and click

Integrated tab

. Roll down until you see the code to \u0026 lt; body \u0026 gt; (suitable for tracking code, such as Google analysis) Text box. Paste the code here, then click Save Changes.

JavaScript code has now been added, and you want to display any pages, posts or projects you want to display Facebook’s argument in it. Copy the second code generated from the page plug -in and paste it to any place you want in the page.

If you use DIVI, you can paste this code paste this code To

code module. Facebook Page Plugin page provides some custom options, such Wait.

Another option to be displayed is to add the code to the small component.

To this end, navigation to appearance \u0026 gt; small components , select

html component

and drag it to the position you want to place, that is, in the foot or side of the foot or side In the sidebar.

Paste the code to the small part of the text area, and then click to save.

The following is a Facebook queuing example added to the blog sidebar . If you are looking for a simpler solution to use the Facebook page plug -in option, consider using the free plug -in Facebook subscription source from the free plugin from the WordPress memory.