建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

WordPress获取文章缩略图函数:get_the_post_thumbnail(WordPress实现随机显示文章缩略图)

GG网络技术分享 2025-03-18 16:13 0


WordPress获取文章缩略图函数:get_the_post_thumbnail

WordPress函数get_the_post_thumbnail用于获取文章的缩略图,该函数会直接返回带有img标签的缩略图。

函数参数

$post

整数型,默认值:null

文章的ID,或者WP_Post对象

$size

字符串或数组,默认值:post-thumbnail

指定要返回的缩略图版本

$attr

字符串或数组,默认为空

为img标签添加一个属性

函数返回值

get_the_post_thumbnail()函数使用示例

扩展阅读

get_the_post_thumbnail()函数位于:wp-includes/post-thumbnail-template.php

相关函数:

get_post_thumbnail_id()
the_post_thumbnail()

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

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

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

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

//支持外链缩略图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自学笔记哦!

扫码关注wpwp自学笔记

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

记住我们的网址:ztJun.com

标签:

提交需求或反馈

Demand feedback