在我们开发制作WordPress主题中,大多都会做首页和列表页自动调用文章内第一张图片作为缩略图,如果文章内没有缩略图会显示默认缩略图,热别是现在市场上的主题,基本都有这个功能。
但是这样就会大量重复显示一张默认缩略图,很影响用户体验。有的主题能自定义缩略图,但是不是每个会写文章的人,都会美工,或者是懒的作图,那么下面这段代码正好解决这个问题,可以让文章缩略图随机显示。
网上类似的教程也有很多,但是测试过几个代码都无效,甚至语法错误,以下是WPBON亲测可用的一个版本。
第一步:添加代码
把下面代码添加到主题的function.php文件中
//支持外链缩略图
if ( function_exists('add_theme_support') )
add_theme_support('post-thumbnails');
function catch_first_image()
{
global $post, $posts;$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];
//判断图片是否过小
if(!empty($first_img))
{
$image_size = getimagesize($first_img);
$image_width = $image_size[0];
}
//如果第一张图不存在或过小,则返回随机图片
if(empty($first_img) || $image_width<50){
$first_img = '';
//从2张图中随机选择,可根据自己的图片数量设置
$random = mt_rand(1, 2);
echo get_bloginfo ( 'stylesheet_directory' );
echo '/images/random/'.$random.'.JPG';
}
return $first_img;
}
第二步:添加图片
在主题根目录新建/images/random/目录,找一些自己喜欢的图片上传进去。将他们重命名为1,2,3,4,5.jpg,图片最好大小尺寸统一好。
第三步:调用代码
在需要展示缩略图的地方添加下面代码即可
<?php echo catch_first_image(); ?>
温馨提示:RIPRO主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
版权提醒:除非注明,否则文章均由WPBON原创,转载请保留版权和本文链接 https://www.wpbon.com/63.html
本文标签: 缩略图
版权提醒:除非注明,否则文章均由WPBON原创,转载请保留版权和本文链接 https://www.wpbon.com/63.html
本文标签: 缩略图