Skip to content

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 Code Snippets (100% Free) or WPCode (sponsored)
Back To Top