Last active
January 13, 2016 12:10
-
-
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
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//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 ); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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