Hot News
Home » Tekno » Wordpress » Menampilkan Gambar Thumbnail Yang Tepat Pada Facebook Like Button

Menampilkan Gambar Thumbnail Yang Tepat Pada Facebook Like Button

Apakah Anda pernah mengalamin atau menyadari ketika seseorang atau mungkin Anda sendiri ketika menyukai suatu artikel dari sebuah website kemudian Anda meng-klik tombol LIKE dari Facebook untuk Anda tampilkan di profil facebook Anda ternyata gambar thumbnail yang dihasilkan tidak sesuai dengan artikel yang dibahas.

Padahal sekarang Anda sebagai pemilik sebuah webblog berbasis wordpress dan ingin memberikan fitur facebook like pada wordpress Anda. tetapi tidak ingin mengalami hal seperti diatas, maka ada beberapa perubahan yang perlu Anda lakukan pada file wordpress.

langsung pada langkah – langkahnya ok 🙂

1. untuk mendapatkan hasil seperti gambar disamping ini, maka perubahan yang perlu Anda lakukan adalah menambahkan sebuah fungsi perintah pada file function.php yang terdapat pada wordpress theme yang sedang Anda gunakan.

2. fungsi dari perintah ini adalah untuk mengambil gambar pertama di posting wordpress, dan jika artikel tidak memiliki foto, maka script ini akan menampilkan gambar yang telah kita rujuk sebagai gambar utamanya, berikut fungsi perintahnya :

//Lets add Open Graph Meta Info

//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="100001222556229"/>';
        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="Nama Website Anda"/>';
    if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
        $default_image="http://websiteanda.com/wp-content/uploads/logowebsiteanda.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 "\n";
}
add_action( 'wp_head', 'insert_fb_in_head', 5 );

3. deretan angka yang diberi warna biru diatas silahkan diganti sesuai dengan nomer id akun FB Anda atau akun FB bisnis Anda, (cara ini dilakukan bila Anda sudah terlanjur mengganti link url facebook Anda, misalnya bila link url Anda masih tampil seperti ini : www.facebook.com/profile.php?id=100001222556229 , maka masukkan nomer tersebut ke fungsi diatas, bila alamat url Anda sudah seperti ini : www.facebook.com/semarangkota, maka anda harus meng-akses url ini melalui web browser untuk mengetahui nomer id Anda : http://graph.facebook.com/semarangkota , ganti kata SemarangKota dengan nama url unik milik Anda, hasil yang ditampilkan : “id”: “100001222556229“, nah ganti nomer diatas dengan nomer milik Anda.

4. ganti Website Anda dengan nama website milik anda, dan isi link default image sesuai dengan link tempat Anda meletakkan gambar pengganti.

selamat mencoba




Bagikan kepada teman :

Samsung Garansi Resmi Produk Juara - Cicilan 0% & Bayar di Tempat