WordPress实现随机显示文章缩略图

这是一条文章内容页公告,可在后台开启或关闭,此处可使用html标签...

不知道博主们在更新博文时会不会忘记上传文章缩略图呢?反正我是经常会忘记的。

每篇文章都要手动上传缩略图实在是太麻烦了,因此cinui干脆在首页和列表页自动调用文章内第一张图片作为缩略图,如果文章内没有缩略图会显示默认缩略图。

这种方法的确很省事,但是这样就会大量重复显示一张默认缩略图,很影响用户体验,于是cinui又找到另一种方法:文章显示随机缩略图,功能代码如下:

//支持外链缩略图
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张图中随机选择,可根据自己的图片数量修改mt_rand(1, 2)中的2
		$random = mt_rand(1, 2);
		echo get_bloginfo ( 'stylesheet_directory' );
		echo '/images/random/'.$random.'.JPG';
		}
  return $first_img;
}

上面代码可以实现文章缩略图随机显示图片,这样就不会始终调用单一的缩略图了。

使用方法

1、复制上面代码粘贴到主题functions.php中

2、在主题中新建/images/random/目录,找一些自己喜欢的图片上传进去。将他们重命名为1,2,3,4,5…..jpg(数量随意)

3、在想要展示缩略图的地方加入下面代码

<?php echo catch_first_image(); ?>

今天这篇WordPress教程对你有没有帮助呢?如果有记得在下方留言支持cinui原创设计哦!


UI掌控:cinui_

关注我们,获取更多的全网素材资源
有趣有料!

CINUI原创设计 - 未经允许不得转载
CINUI原创设计 » WordPress实现随机显示文章缩略图

发表评论

提供最优质的资源集合

立即查看 了解详情
全站53000+课程免费学!昨日已有20192位学员免费领取~