Hi,
I am trying to figure out how to point the facebook open graph image to the featured image of a post so that when a user clicks the "like" button, the blog post that is liked will be posted to that user's facebook with the featured image as the thumbnail.
The code I am referring to is:
<meta property="og:image" content="NEED THE CODE TO OUTPUT THE THUMBNAIL OF THE FEATUED IMAGE HERE" /> <?php } ?>
vfxdude
admin
something like this:
<?php
if ($imageurl = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail'))
echo '<meta property="og:image" content="'.$imageurl.'"/> ';
?>If the featured image is added with another method than the "add featured image" the get_image function can be used to get the image, example:
$image = get_image('noresize', true);
This is the error facebook debug generates when I test that PHP. I did set the image as the featured image:
Object Invalid Value: Object at URL 'http://www.cravegood.com/test-post/' of type 'article' is invalid because the given value 'Array' for property 'og:image:url' could not be parsed as type 'url'.
Thanks for the help vfxdude. Just for others with this issue, I followed the code at http://www.vfxdude.com/forum/topic/ogimage as it allowed for a fall-back image.
vfxdude
admin
and the moral of the story is: search before posting a question.
Just to finish the above code (with a fall-back image):
<?php
if ($imageurl = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail'))
echo '<meta property="og:image" content="'.$imageurl[0].'"/> ';
else
echo '<meta property="og:image" content="http://domain.com/dummy.jpg"/> ';
?>or if using the code from the other post (many ways of doing things):
<?php
if (!($imageurl = wp_get_attachment_thumb_url( get_post_thumbnail_id( $post->ID ))))
$imageurl = 'http://domain.com/dummy.jpg';
echo '<meta property="og:image" content="'.$imageurl.'"/> ';
?>or like this:
<?php
if (!($imageurl = wp_get_attachment_thumb_url( get_post_thumbnail_id( $post->ID ))))
$imageurl = 'http://domain.com/dummy.jpg'; ?>
<meta property="og:image" content="<?php echo $imageurl; ?>"/>or to include the video preview images too (and all the other methods to add default images):
<?php
$image = get_image('noresize', true);
preg_match('/src=\"([^\"]*)\"/i', $image, $iurl);
if (!($imageurl = $iurl[1])) $imageurl = 'http://domain.com/dummy.jpg'; ?>
<meta property="og:image" content="<?php echo $imageurl; ?>"/>You must log in to post.