当前位置:首页WP教程WordPress实现随机显示文章缩略图

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

不知道博主们在更新博文时会不会忘记上传文章缩略图呢?反正我是经常会忘记的。每篇文章都要手动上传缩略图实在是太麻烦了,因此主题君干脆在首页和列表页自动调用文章内第…

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

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

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

//支持外链缩略图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教程对你有没有帮助呢?如果有记得在下方留言支持主题君哦!

扫码关注wp主题君

精选优质免费WordPress主题模板,分享最新WordPress实用建站教程!

记住我们的网址:ztJun.com

给TA打赏
共{{data.count}}人
人已打赏
WP教程

WordPress上一页下一页数字文章分页导航代码

2023-3-8 22:16:11

WP教程

WordPress优化之给文章图片添加alt和title属性

2023-3-8 22:16:15

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
有新私信 私信列表
搜索