Penambahan Facebook Open Graph Meta pada Themes Standart Web Cabang

- March 07, 2014
advertise here
advertise here

Langkah ini merupakan bypast tanpa menggunakan plugin, yang kami pandang bahwa banyaknya plugin yang di install pada website yang berplatform Wordpress bisa berpengaruh pada kinerja sistem Website tersebut. Penambahan fungsi Facebook Open Graph Meta diletakkan pada file functions pada themes dan disesuaikan dengan beberapa field pada code tersebut. Berikut dokumentasi dari penambahan script yang diletakkan pada file functions themes.


/**
 * 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="Admin"/>';
        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="' . get_bloginfo('name') . '"/>';
 if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
  $default_image="http://www.img.greenboxindonesia.com/Fg.jpg"; //replace this with a default image on your server or an image 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 );

//end of add open graph facebook.


Ingat, jika Anda tidak ingin berurusan dengan kode, maka cukup men-download plugin saja Facebook Open Graph Meta untuk WordPress. Ada banyak pilihan dalam plugin tersebut dan Anda bisa mencobanya, alasan kenapa ada alternative dengan cara seperti ini yaitu menyampingkan fungsi plugin karena fungsi plugin (banyaknya) yang terinstall pada website juga berpengaruh pada kinerja sebuah website tersebut. Mau memilih mana itu menjadi pilihan Anda.
Advertisement

Langkah ini merupakan bypast tanpa menggunakan plugin, yang kami pandang bahwa banyaknya plugin yang di install pada website yang berplatform Wordpress bisa berpengaruh pada kinerja sistem Website tersebut. Penambahan fungsi Facebook Open Graph Meta diletakkan pada file functions pada themes dan disesuaikan dengan beberapa field pada code tersebut. Berikut dokumentasi dari penambahan script yang diletakkan pada file functions themes.


/**
 * 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="Admin"/>';
        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="' . get_bloginfo('name') . '"/>';
 if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
  $default_image="http://www.img.greenboxindonesia.com/Fg.jpg"; //replace this with a default image on your server or an image 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 );

//end of add open graph facebook.


Ingat, jika Anda tidak ingin berurusan dengan kode, maka cukup men-download plugin saja Facebook Open Graph Meta untuk WordPress. Ada banyak pilihan dalam plugin tersebut dan Anda bisa mencobanya, alasan kenapa ada alternative dengan cara seperti ini yaitu menyampingkan fungsi plugin karena fungsi plugin (banyaknya) yang terinstall pada website juga berpengaruh pada kinerja sebuah website tersebut. Mau memilih mana itu menjadi pilihan Anda.
 

Start typing and press Enter to search