功能图片无法在single.php中在Facebook上共享

Question

我想在我的Facebook帐户中分享帖子功能图片。 为此，我使用了Facebook分享按钮代码。 它可以在我的一个模板页面上正常工作，但是由于我在single.php中使用了此代码，因此无法正常工作，无法确定原因。 我已经在我的single.php文件中使用了代码，例如：

//header
<div id="fb-root"></div>
<script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=196109523902137&version=v2.0";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

//to get feature image url
$url = wp_get_attachment_url( get_post_thumbnail_id($_GET['id']) );
$share_url  =  get_permalink(get_the_ID());
<a id="ref_fb"  href="http://www.facebook.com/sharer.php?s=
100&p[title]=<?php echo $title;?>&p[summary]=<?php echo $description;?
>&p[url]=<?php echo urlencode($share_url);?>&`p[images][0]=<?php $url;?>"
 onclick="javascript:window.open(this.href, '', ``'menubar=no,toolbar=no,resizable=no
,scrollbars=no,height=400,width=600');return false;">`
<img src="<?php bloginfo('template_url')?>/_images/fb.png" alt=""/></a>

我已经使用了Facebook调试器工具，并且收到了图像中的一个警告，例如“ og：图像无法下载或太小”。因此，根据警告，我添加了至少200x200px的大图像，但甚至不能获得正确的图像。

其他人认为我已经在facebook调试器中注意到了，我可以在此部分看到“共享时将包含的内容”，我可以很好地看到功能图像，但不能从我的页面看到。

我还注意到，功能图像已显示在调试器屏幕的下面部分中：“在og：image as中，基于原始标记，我们构造了以下Open Graph属性”。

还要注意，找到的元标记为“这些是我们找到的原始标记”

或者，您也可以直接从https://developers.facebook.com/tools/debug/og/object/填写以下网址查看此信息： http : //www.novelwall.org/dev/bussiness-opportunities-client -success-post1 /？id = 1001 && tabName = content-1 && page = solu

Answer 1

在您网站的<head>中，您将meta og:image声明为“ PDF”图像。

相反，您需要声明帖子的特色图片。

一个很好的起点在这里： Featured Image og：image

Answer 2

@ Telford Computer-DoctorL，我已经在我的function.php和头文件中放置了需要标记的代码。 但是，即使它不能工作。 我的代码片段就像在function.php中一样：

function insert_image_src_rel_in_head()
{
    global $post;
    if ( !is_singular()) //if it is not a post or a page
    return;

    if(!has_post_thumbnail( $post->ID ))
    {
            //the post does not have featured image, use a default image
            $default_image="http://example.com/image.jpg"; //replace this with a default image on your server or an image in your media library
            echo '<meta property="og:image" content="' . $default_image . '"/>';
    }
    else
    {
            $thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
            echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
    }
    echo "";
}

add_action( 'wp_head', 'insert_image_src_rel_in_head', 5 );

因此，我们在标头中看到了og：image元标记。

功能图片无法在single.php中在Facebook上共享

问题描述

2 个解决方案

解决方案1
0 2014-08-30 09:38:09

解决方案2
0 2014-08-30 10:13:46

功能图片无法在single.php中在Facebook上共享

问题描述

2 个解决方案

解决方案1 0 2014-08-30 09:38:09

解决方案2 0 2014-08-30 10:13:46

解决方案1
0 2014-08-30 09:38:09

解决方案2
0 2014-08-30 10:13:46