skip to Main Content

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( 'wpex_blog_single_blocks', function( $blocks ) {
    $blocks['facebook_like'] = __( 'Facebook Like Button', 'total' );
    return $blocks;
} );

// Front-End output for the button
function my_facebook_like_button_block( $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;
}
add_filter( 'wpex_blog_single_layout_blocks', 'my_facebook_like_button_block' );
All PHP snippets should be added via child theme's functions.php file or via a plugin (we recommend Code Snippets)
Back To Top