Skip to content

Instantly share code, notes, and snippets.

@shohel
Last active January 13, 2016 12:10
Show Gist options
  • Save shohel/4878952a67ed823c609b to your computer and use it in GitHub Desktop.
Save shohel/4878952a67ed823c609b to your computer and use it in GitHub Desktop.
Add facebook open graph meta data in wordpress theme menually, It helps to see feautre image on facebook when u share it
//Adding the Open Graph in the Language Attributes
function add_opengraph_doctype( $output ) {
return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
}
add_filter('language_attributes', 'add_opengraph_doctype');
//Lets add Open Graph Meta Info
function insert_fb_in_head() {
global $post;
if ( !is_singular()) //if it is not a post or a page
return;
echo '<meta property="fb:admins" content="YOUR USER ID"/>';
echo '<meta property="og:title" content="' . get_the_title() . '"/>';
echo '<meta property="og:type" content="article"/>';
echo '<meta property="og:url" content="' . get_permalink() . '"/>';
echo '<meta property="og:site_name" content="Your Site NAME Goes HERE"/>';
if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
$default_image="http://example.com/image.jpg"; //replace this with a default image on your server or an image or your theme logo in your media library
echo '<meta property="og:image" content="' . $default_image . '"/>';
}
else{
$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
}
echo "
";
}
add_action( 'wp_head', 'insert_fb_in_head', 5 );
Add above code in function.php in your theme,
Now debug your wordpress website with facebook by clicking below link
https://developers.facebook.com/tools/debug/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment