Docs

[Andrea S]

Hi,
I am wanting to make available comments via wordpress commenting AND facebook.
I created the app on facebook – but I can’t figure out WHERE/HOW to add the code
<div class=”fb-comments” data-href=”http://www.andreashepherd.com&#8221; data-width=”400″ data-numposts=”5″></div>
so that it appears on posts only. Can you provide any assistance?
thank you!

[Friech]

Hi There,

Thanks for writing in! First thing first place make sure you properly embed the SDK on your site.

Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Add this code on your child theme’s functions.php file

add_action( 'x_before_site_begin', 'x_print_fb_sdk' );
function x_print_fb_sdk(){
  ?>

/*PASTE YOUR FB SDK CODE HERE */

  <?php
}

Replace the string /*PASTE YOUR FB SDK CODE HERE */ with your actual SDK code.

Then to place the actual comment form on each of your posts add this on your functions.php as well.

add_action( 'x_before_the_content_end', 'add_to_single_posts' );
function add_to_single_posts() {
if ( is_single() ) {
echo '<div class="fb-comments" data-href="http://www.andreashepherd.com" data-width="400" data-numposts="5"></div>'; 
    }
}

Hope it helps, Cheers!

[Andrea S]

That worked perfectly. (already had the child theme installed) so that made it easier 🙂
but thank you very much!

[Rahul]

You are welcome!

[Author]

Posts