Le API di Facebook basate su Open Graph ci consentono, tramite meta-elementi specifici, di aggiungere preziose informazioni che verranno poi utilizzate da Facebook quando andremo a condividere i nostri contenuti. In questo articolo vedremo come specificare un'immagine associata ai nostri contenuti.
Aggiungete il seguente codice al file functionss.php, ovviamente sostituendo l'URL di un sito fittizio con il vostro:
function my_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() ) { // only if a single post or page
echo '<meta property="og:type" content="article" />';
echo '<meta property="og:url" content="' . get_permalink() . '" />';
if (has_post_thumbnail( $post->ID )) { // usa l'immagine in evidenza
$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{ // se non è presente l'immagine usa il logo del sito
echo '<meta property="og:image" content="http://tuosito.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://tuosito.com/logo.png" />';
}
}
add_action( 'wp_head', 'my_facebook_image' );