It happens time and again that you want to keep valuable resources gathered from Facebook in a central place. Using your WordPress blog for this is ideal because it makes your collection of posts easier to share. Here are instructions to embed a post from Facebook on WordPress.
To embed a Facebook post or video on WordPress can be difficult if you are intimidated by code. You may face the following challenges:
- You are not fimilliar with the structure of a webpage
- You are not registered on WordPress with at least the role of Editor (or Super Admin on Multisite)
- You do not have access to WordPress’s theme files
If you have no problem with the above, proceed to embed a post by following these steps:
- Edit the header.php file in your WordPress theme and add the Javascript SDK ideally right after the opening
<body>
tag:<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.2"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
- Go to the post on Facebook you want to embed.
- In the right hand top corner of the post click on the drop-down arrow to reveal a drop-down menu.
- Choose “More options” and then “Embed post”
- Copy and paste the given code
- Edit a post in WordPress and switch to Text view
- Paste the code and publish the post
The embedded post will look like this, but only with functional buttons and links:
