Για να έχεις το blog σου έτοιμο για τα social media απλά αντέγραψε τον παρακάτω κώδικα μέσα στο
functions.php αρχείο του θέματος που χρησιμοποιείς. Αυτό το snippet θα βάλει αυτόματα τα Open Graph metadata στήν περιοχή από τις σελίδες σου.
function wptuts_opengraph_for_posts() {
if ( is_singular() ) {
global $post;
setup_postdata( $post );
$og_type = ‘<meta property=”og:type” content=”article” />’ . “\n”;
$og_title = ‘<meta property=”og:title” content=”‘ . esc_attr( get_the_title() ) . ‘” />’ . “\n”;
$og_url = ‘<meta property=”og:url” content=”‘ . get_permalink() . ‘” />’ . “\n”;
$og_description = ‘<meta property=”og:description” content=”‘ . esc_attr( get_the_excerpt() ) . ‘” />’ . “\n”;
if ( has_post_thumbnail() ) {
$imgsrc = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ‘medium’ );
$og_image = ‘<meta property=”og:image” content=”‘ . $imgsrc[0] . ‘” />’ . “\n”;
}
echo $og_type . $og_title . $og_url . $og_description . $og_image;
}
}
Για να είναι το blog σου πλήρως συμβατό με το Open Graph protocol, πρέπει επίσης να αλλάξεις το header.php αρχείο αλλάζοντας το tag με το ακόλουθο:
<html <?php language_attributes(); ?> prefix="og: http://ogp.me/ns#">
