将自定义发布功能图像设置为og:Image

时间:2014-08-26 作者:Kenny Van Sittert

我正在尝试将特色图像设置为og:image

我尝试了各种方法和插件(Yoast) 但我发现很难理解这一点。

问题是它根本没有拾取特征图像,而是拾取内容中的图像。

这是我的当前页面代码,用于单个博客帖子。这是我在将博客帖子分享到Facebook而不是内容图片时需要获得的部分。

<div class="image-wrapper">
        <?php if( get_field(\'featured_image\') ): ?>
        <?php $featuredImage = get_field(\'featured_image\'); ?>
        <img rel="image_src" src="<?php echo $featuredImage[\'url\']; ?>" alt="">
        <?php else: ?>
        <img src="http://lorempixel.com/842/458/?rand9" alt="">
        <?php endif; ?>
</div>
当一篇博客文章的内容中没有任何图像时,它会做这种奇怪的事情,然后它会在侧边栏中拾取特征图像和图像。我还运行了Facebook调试器,但它同样只提取内容图像。

我确实找到了这段以特色图片为目标的片段,但我有一种感觉,因为我的是一篇自定义帖子,它可能没有收到。

<meta property="og:image" content="<?php $post_thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),\'large\'); echo $post_thumbnail[0]; ?>" />
任何建议都很好。如果你还需要什么,请告诉我。

2 个回复
最合适的回答,由SO网友:mrwweb 整理而成

您的站点似乎没有使用核心WordPressFeatured Image feature 而是使用自定义图像字段(可能来自高级自定义字段)。Yoast的插件Jetpack和其他许多插件在设置opengraph元标记时可能会查找特征图像。因此,您有两种选择:

将核心特色图像功能与将特色图像添加到opengraph元标记的插件之一一起使用更改元属性以使用ACF字段

<meta property="og:image" content="<?php $featuredImage = get_field(\'featured_image\'); echo esc_url( $featuredImage[\'url\'] ); ?>" />


旁白:如果你的特色图片(无论它是如何实现的)有任何意义,并且不是“纯粹的装饰性”,请确保你的网站支持一种方式来实现它appropriate alt text for accessibility.

SO网友:vencedor

您可以制作自己的插件,也可以在函数中使用它。php

add_action(\'wp_head\', \'dgsoft_fb\');
function dgsoft_fb(){
    if( is_single() ) {
        echo \'<meta property="og:image" content="\'. get_the_post_thumbnail_url(get_the_ID(),\'full\')   .\'" />\';
    }
}

结束

相关推荐

添加带有分享计数和可变文本的自定义Facebook分享链接

我正在一个新闻网站的主页上尝试这样做。我正在苦苦挣扎的部分是Facebook共享链接文本。它应该:计算特定帖子的共享/链接数隐藏数字是0写“共享!”如果有0股,如果有1股,写“共享1次”,如果有1股以上,写“n股”文本是任意的,我希望能够控制它。我找到了以下代码以获得赞数:function get_likes($url) { $json_string = file_get_contents(\'http://graph.facebook.com/?ids=\' . $url); $js