如何像 WordPress 博客页面一样为每个 facebook 设置图像、描述和标题？

Question

可能的重复：
Facebook Sharer 如何选择图像？

所以我想设置一个不同的当用户在博客主页上点击某篇文章的“赞”时，每篇文章的图像、标题和描述。这与 Mashable 和 Techcrunch 的做法相同。到目前为止，我只能找到包括在头部添加元标记的解决方案。但问题是主页有很多帖子，每个帖子都有不同的标题、图片等。那么我该怎么做，有人有任何想法吗？

Answer 1

我猜你必须为每个手动设置类似的东西。

http://developers.facebook.com/docs/reference/javascript/FB。 ui/

并且对于每个项目执行类似

<div id="post-id">
    <h2>title</h2>
    <img class="thumb" src="src.jpg">
    <p class="excerpt">the description</p>
    <a class="permalink" href="permalink">Read more</a>
    <a href="#" class="share">
</div>

Jquery

$(".share").click( function(e) {
    e.preventDefault();

    FB.ui(
      {
        method: 'feed',
        name: $(this).parent().child('h2').html(),
        link: $(this).parent().child('.permalink').attr('href'),
        picture: $(this).parent().child('img').html(),
        caption: 'Reference Documentation',
        description: 'Dialogs provide a simple, consistent interface for applications to interface with users.'
      },
      function(response) {
        if (response && response.post_id) {
          alert('Post was published.');
        } else {
          alert('Post was not published.');
        }
      }
    );      
});

Now 的操作，这个 jQuery 是不正确的（我很确定），并且您还需要拥有 Facebook 应用程序和所有设置。但我认为这种事情会运作得很好。

或者找到一个插件，例如 addthis.com 或 facebook“like”插件，如果您插入永久链接，则可能会起作用。
http://developers.facebook.com/docs/reference/plugins/like/

Answer 2

您可以编写一个函数，获取帖子图片、标题和描述，并将其动态插入到该部分中：

function insert_fb_in_head() 
{

        if (is_singular()) { 
            $image = get_the_post_thumbnail(); 
            $title = get_the_title(); 
            $type = 'article';
        }
        else { 
            $image = 'standard_image.jpg';
            $title = bloginfo('name');
            $type = 'blog';
        }
        echo '<meta property="og:title" content="'.$title.'"/>'; 
        echo '<meta property="og:type" content="'.$type.'"/>';
        echo '<meta property="og:url" content="'.get_permalink().'"/>'; 
        echo '<meta property="og:site_name" content="'.$title.'"/>'; 
        echo '<meta property="og:email" content="[email protected]"/>';
        echo '<meta property="og:phone_number" content="000 555 888"/>'; 
        echo '<meta property="og:description" content="'.meta_description().'"/>';
        echo '<meta property="og:image" content="' . $image . '"/>'; 
}
add_action( 'wp_head', 'insert_fb_in_head', 5 );

它：

function meta_description() 
{
    $description = "";
    if ( is_single() || is_page() ) 
    {
        $post_id = get_the_ID();
        $description = get_post_meta($post_id, 'description', true);
    } 
    else { $description = get_bloginfo('name')." - ".get_bloginfo('description'); }
    return $description;
}

...为了获取描述，我刚刚在我的帖子中添加了一个“自定义字段”，并在此处使用此函数读取 在这里定义标题、图像和描述是更好的方法，但我认为这可以让你知道如何做到这一点。至少我对这样的方式很满意。

PS：为了澄清这一点，根据您的需要更改变量并将其放入模板的functions.php 文件中，仅此而已。一旦有人点击您希望已插入博客中的“赞”按钮，标题、图像和描述就会出现在他/她的 Facebook 墙上！