What I would like to do is have a Facebook “like” (and/or “share” button at the bottom of every page on my website, so people can like or share that particular website page.
I don’t want to use the Facebook plugin for WordPress.
I did manage to place a like button in my sidebar (so people can like our Facebook page), but how to go about it to have the same result on every page (always!) without using the plugin?

I use theme X “Renew” on my website http://www.t3wy.org

Thanks in advance!
Marcel

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.

Copy _content-post-footer.php file from framework -> views -> renew and put it in the same path inside child theme, Now replace existing code with this:

<?php

// =============================================================================
// VIEWS/RENEW/_CONTENT-POST-FOOTER.PHP
// -----------------------------------------------------------------------------
// Standard <footer> output for various posts.
// =============================================================================

?>
<div class="x-container max width offset">
<?php echo do_shortcode('[share title="Share this Post" facebook="true"]'); ?>
</div>
<?php if ( has_tag() ) : ?>
  <footer class="entry-footer cf">
    <?php echo get_the_tag_list( '<p><i class="x-icon-tags"></i> Tags: ', ', ', '</p>' ); ?>
  </footer>
<?php endif; ?>

X doesn’t provide shortcode for facebook like, if you need that as well please use 3rd party plugin.

Hope it helps.

Thanks!

Somewhere in this forum I found that a way to load Facebook’s SDK; I had to add this to the X-theme’s child functions.php:

add_action( ‘x_before_site_begin’, ‘x_print_fb_sdk’ );
function x_print_fb_sdk(){
?>
<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&appId=your_FB_ID&version=v2.3”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
<?php
}

Now, if I add facebook’s code for the share and like button manually to every page, things work perfectly. However: that would mean a lot of (extra) work.

Obviuosly, for a different website, using a different theme, I had the same challenge to solve.

They came up with this solution to add to their Child’s functions.php which automatically added the desired like and share buttons to the pages:

add_filter( ‘the_content’, ‘kt_facebook_code_after_content’ );

return $content;
}

I was wondering if a similar solution would work for X theme as well and if so, what would be the code?

Thanks in advance!

Marcel

add_filter( "the_content", "x_facebook_code_after_content" );
function x_facebook_code_after_content( $content ) {
  global $post;
  $like = ' <div class="fb-like" data-href="'.get_permalink( $post->ID ).'" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>';
  $share = ' <div class="fb-share-button" data-href="'.get_permalink( $post->ID ).'" data-layout="button_count"></div>';

  $content = $content . $like . $share;
  return $content;
}

For more information about Facebook Like / Share buttons, please take a look at these links:
https://developers.facebook.com/docs/plugins/like-button
https://developers.facebook.com/docs/plugins/share-button

Hope this helps.

Best,
Marcel

Thanks a lot!

Now I’m about ready to go “live”