Nastavení defaultního obrázku pomocí Facebook Open Graph

Sdílíte články na Facebooku a nevíte, jak ovlivnit, aby se zobrazoval u příspěvku vámi určený obrázek? Dnešní tip vám ukáže, jak na to. Pomocí použití Facebook Open Graph, který jednoduchou funkcí vložíme do wp_head.
Funkce vloží několik meta tagů do hlavičky stránky a určí, zda se jedná o singular – tedy o stránku, nebo článek a vloží buď náhledový obrázek, pokud existuje, nebo logo. Kategorie a archív většinou nesdílíte, takže se postaráme ještě o hlavní stranu, kde využijeme logo. Vy samozřejmě můžete využít jakýkoliv obrázek, který vás má na Faceboku prezentovat.
Místo ADMIN_ID vložte své id a upravte si url k vašemu logu.

function custom_facebook_image() {
                echo '<meta property="fb:admins" content="ADMIN_ID" />';
                echo '<meta property="og:title" content="' . get_the_title() . '" />';
                echo '<meta property="og:site_name" content="' . get_bloginfo('name') . '" />';
        global $post;
        if ( is_singular() ) {
                echo '<meta property="og:type" content="article" />';
                echo '<meta property="og:url" content="' . get_permalink() . '" />';
        if (has_post_thumbnail( $post->ID )) { 
                $feat_image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large' );
                echo '<meta property="og:image" content="' . esc_attr( $feat_image[0] ) . '" />';
         }else{ 
                echo '<meta property="og:image" content="http://yourdomain.com/logo.png" />';
         }
        }
        if ( is_home() ) { 
                echo '<meta property="og:type" content="website" />';
                echo '<meta property="og:url" content="' . get_bloginfo('url') . '" />';
                echo '<meta property="og:image" content="http://yourdomain.com/logo.png" />';
        }
}
add_action( 'wp_head', 'custom_facebook_image' );

About The Author

Zajímá mne Wordpress, responsivní šablony a zkrátka vše kolem tohoto skvělého redakčního systému.

Související články

1 Comment

Přidejte komentář

Vaše e-mailová adresa nebude zveřejněna.