文章分享到微博的时候就会出现下面的空白图片,检查了一下数据是wp的cdn加速中的文件:
看了下网页的源代码,同样可以找到这个图片。
猜测可能是由于wp的社交分享功能导致的,使用jetpack og:image 进行搜索,找到了下面的文章:
https://iblog.ph-wbc.com/jetpack-fb-分享修改-ogimage/
通过文章中的代码即可修改og:image属性, 代码如下(将下面的代码添加到当前主题目录下的functions.php文件末尾即可):
文章分享到微博的时候就会出现下面的空白图片,检查了一下数据是wp的cdn加速中的文件:
看了下网页的源代码,同样可以找到这个图片。
猜测可能是由于wp的社交分享功能导致的,使用jetpack og:image 进行搜索,找到了下面的文章:
Jetpack FB 分享修改 og:image
通过文章中的代码即可修改og:image属性, 代码如下:
function get_feature_image(){
global $post, $posts;
$first_img = '';
if ( has_post_thumbnail() ) {
$first_img = wp_get_attachment_url( get_post_thumbnail_id() );
} else {
ob_start();
ob_end_clean();
$output = preg_match('/< *img[^>]*src *=*["\']?([^"\']*)/i', $post->post_content, $matches);
$first_img = $matches[1];
}
return $first_img;
}
function fb_home_image( $tags ) {
if ( is_home() || is_front_page() ) {
// Remove the default blank image added by Jetpack
unset( $tags['og:image'] );
unset( $tags['og:description'] );
//$fb_home_img = get_bloginfo('template_directory').'/img/default.jpg';
$fb_home_image = 'https://h4ck.org.cn/wp-content/uploads//2019/09/logo3.png';
$tags['og:image'] = esc_url( $fb_home_img );
$tags['og:description'] = get_bloginfo('description');
} elseif(is_single( ) ){
unset( $tags['og:image'] );
$tags['og:image'] = get_feature_image();
}
return $tags;
}
add_filter( 'jetpack_open_graph_tags', 'fb_home_image' );
修改之后再次分享,图片就可以正常显示了: