Snippet: Add Facebook “Like” Button to Singular Posts
// Add facebook like button block the Customizer so we can enable/disable it and move it around
add_filter( 'totaltheme/blog/single_blocks/choices', function( $blocks ) {
$blocks['facebook_like'] = esc_html__( 'Facebook Like Button', 'total' );
return $blocks;
} );
// Front-End output for the button
add_filter( 'totaltheme/blog/single_blocks', function( $blocks ) {
if ( isset( $blocks['facebook_like'] ) ) {
$blocks['facebook_like'] = function() { ?>
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
(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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
<!-- Your like button code -->
<div class=";fb-like";
data-href=";"
data-layout="standard"
data-action="like"
data-show-faces="true">
</div>
<?php };
}
return $blocks;
} );
All PHP snippets should be added via child theme's functions.php file or via a plugin (we recommend WPCode)