How to embed a Facebook post on WordPress

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:

  1. 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&amp;version=v2.2";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
  2. Go to the post on Facebook you want to embed.
  3. In the right hand top corner of the post click on the drop-down arrow to reveal a drop-down menu.
  4. Choose “More options” and then “Embed post”
  5. Copy and paste the given code
  6. Edit a post in WordPress and switch to Text view
  7. Paste the code and publish the post

The embedded post will look like this, but only with functional buttons and links:

matrix in ascii torrent

Suidkus 2013/2014


Agulhas tot Hermanus
via Flickr http://www.flickr.com/photos/22307584@N04/sets/72157639442765004