WordPress博客首页缩略图

how-to-create-a-blog-page-in-WordPress

这是一个无图不欢的年代和热衷于读图的年代,所以单调的文字会让人疲倦。博客的首页也是如此,添加一点缩略图,激活视觉。Wordpress内置的缩略图极其难用,所以聪明的做法是提取文章中的第一个图片,或者没有图片的文章显示随机图片。

Google一番,搜索到的代码,非常管用,记录在这里帮助传播。

在博客的function模板添加如下代码,其中在模板的/images/pic/文件夹添加随机图片编号1-10:

function post_thumbnail_src(){
//Post Thumbnail From caibaojian.com
global $post;
if( $values = get_post_custom_values("thumbnail") ) { //输出自定义域图片地址
$values = get_post_custom_values("thumbnail");
$post_thumbnail_src = $values [0];
} elseif( has_post_thumbnail() ){ //如果有特色缩略图,则输出缩略图地址
$thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');
$post_thumbnail_src = $thumbnail_src [0];
} else {
$post_thumbnail_src = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
if(!empty($matches[1][0])){
$post_thumbnail_src = $matches[1][0]; //获取该图片 src
}else{ //如果日志中没有图片,则显示随机图片
$random = mt_rand(1, 10);
$post_thumbnail_src = get_template_directory_uri().'/images/pic/'.$random.'.jpg';
//如果日志中没有图片,则显示默认图片
//$post_thumbnail_src = get_template_directory_uri().'/images/default_thumb.jpg';
}
};
echo $post_thumbnail_src;
}

需要调用缩略图的地方插入如下代码:

<img src="<?php post_thumbnail_src(); ?>" alt="<?php the_title(); ?>"/>

原始文章请尽情的参考前端开发博客 (https://caibaojian.com/wordpress-post-thumbnail.html)


除非特别声明,文章均为牛会飞的博客原创,遵循署名-非商业使用-相同方式共享授权协议
转载请注明出处: https://blogfei.com/wordpress-bo-ke-shou-ye-suo-e-tu/

暂无评论