WordPress代码：文章列表增加文章内图片数量展示

这是闲鱼在君子不器的博客那里看到的，觉得确实是一个不错的小功能。现在用手机浏览网站的人越来越多，告诉来访的人某篇文章里包涵多少图片很有必要。闲鱼就有一次这样的经历，记不得是用手机浏览的谁的博客，说是分享几张有趣的图，闲鱼就直接点进去看了，何止几张......手机用流量一直往下刷感觉到不了头的。由此可见在文章列表给每篇文章增加图片数量展示还是很有必要的，至少有助于提高用户体验。这里给大家分享这个方法，也是顺便做个记录。

部署代码

将以下代码添加到主题的functions.php里，代码来自君子不器。

/**
* 文章标题：WordPress纯代码：为WordPress文章列表增加文章内图片数量展示
* 文章作者：君子不器
* 文章链接：http://junzibuqi.com/post-img-number.html
*/
function junzibuqi_post_images_number(){
global $post;
$content = $post->post_content;
preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER);
return count($strResult[1]);
}

代码展示

将以下代码添加到你需要展示的地方，部分样式可自行修改美化。

// 直接输出图片数量
<?php echo '共有' . junzibuqi_post_images_number() . '张图片'; ?>

使用效果

本站相册分类添加有这个小功能，可自行查看，如图。
WordPress代码：文章列表增加文章内图片数量展示

版权声明：本站原创文章，于2018年3月3日，由闲鱼发表，共 794 字。
转载请注明：WordPress代码：文章列表增加文章内图片数量展示 | 闲鱼博客

发表评论取消回复

目前评论：16 其中：访客 11 博主 5

猫鼬博客 3 四川省成都市双流县电信
回复 2018年4月30日上午10:56 10楼

很实用，我有些文章图片很多并且很大，这个能起到一些作用。
客栈老板娘 0 广东省广州市电信
回复 2018年3月25日下午12:17 9楼

图片加载慢怎么办
云柯博客 1 江苏省南京市联通
回复 2018年3月23日下午10:16 8楼

底部留言出问题了
- 闲鱼【博主】湖南省常德市电信
  回复 2018年3月30日下午3:53 1层
  
  @云柯博客是的。手机设置网站弄出的事。。。。。
云柯博客 1 江苏省南京市联通
回复 2018年3月19日下午6:32 7楼

能否帮个忙，审查元素看下我的博客什么加载缓慢，拖慢了我博客访问。出了问题打开需要好久，电脑还不在旁边，也是醉了。
雅兮网 4 广东省电信
回复 2018年3月19日上午11:14 6楼

这个可以，特别是有的站点有多图图片
- 闲鱼【博主】湖南省常德市电信
  回复 2018年3月30日下午3:52 1层
  
  @雅兮网是的。这种小功能都是酌情添加的
夏天烤洋芋 4 云南省昆明市电信
回复 2018年3月14日下午7:40 5楼

ranger老夫懒得研究怎么添加代码。反正现在流量也不贵了。谁没个几十G流量。
- 闲鱼【博主】湖南省常德市电信
  回复 2018年3月30日下午3:50 1层
  
  @夏天烤洋芋你牛，我都不配和你聊天了
宁波最好的广告公司 0 浙江省宁波市电信
回复 2018年3月11日下午1:49 4楼

参详下，很有用
明月登楼 6 河南省南阳市电信
回复 2018年3月7日下午10:06 地板

不错，很人性化的一个创意！对于图片站和主题很适宜！
- 闲鱼【博主】湖南省常德市电信
  回复 2018年3月30日下午3:50 1层
  
  @明月登楼是的，蛮好的一个小功能
长情 1 江苏省南京市联通
回复 2018年3月6日上午9:07 板凳

可以
懿古今 4 广西南宁市电信
回复 2018年3月3日下午11:44 沙发

这个功能对于图片主题很实用，普通的博客就没什么必要，毕竟一般的文章能够3-5张图片就很不错了。
- 闲鱼【博主】湖南省常德市电信
  回复 2018年3月4日上午12:09 1层
  
  @懿古今是的，适用于图片多的文章，我也只是给相册分类添加了这个
- 橘子书 4 福建省漳州市电信
  回复 2018年3月7日下午11:27 1层
  
  @懿古今我都准备走无图模式了。