这是闲鱼在君子不器的博客那里看到的,觉得确实是一个不错的小功能。现在用手机浏览网站的人越来越多,告诉来访的人某篇文章里包涵多少图片很有必要。闲鱼就有一次这样的经历,记不得是用手机浏览的谁的博客,说是分享几张有趣的图,闲鱼就直接点进去看了,何止几张......手机用流量一直往下刷感觉到不了头的。由此可见在文章列表给每篇文章增加图片数量展示还是很有必要的,至少有助于提高用户体验。这里给大家分享这个方法,也是顺便做个记录。
部署代码
将以下代码添加到主题的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() . '张图片'; ?>
使用效果
本站相册分类添加有这个小功能,可自行查看,如图。
本文最后更新于2018年3月3日,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
历史上的今天:
- 2020: QQ,网易云、酷狗等全网音乐如何免费下载?
- 博客公众号
- 关注本博客公众号
-
- 博客小程序
- 关注本博客小程序
-
2018年9月24日 下午6:48 12楼
想在文章页显示该添加到哪里啊?
哪个文件的大概哪行代码下面?知更鸟主题
2018年8月18日 下午7:13 11楼
文章内图片数量是百度,审查的一个因素了
2018年4月30日 上午10:56 10楼
很实用,我有些文章图片很多并且很大,这个能起到一些作用。
2018年3月25日 下午12:17 9楼
图片加载慢怎么办
2018年3月23日 下午10:16 8楼
底部留言出问题了
2018年3月30日 下午3:53 1层
@云柯博客 是的。手机设置网站弄出的事。。。。。
2018年3月19日 下午6:32 7楼
能否帮个忙,审查元素看下我的博客什么加载缓慢,拖慢了我博客访问。出了问题打开需要好久,电脑还不在旁边,也是醉了。
2018年3月19日 上午11:14 6楼
这个可以,特别是有的站点有多图图片
2018年3月30日 下午3:52 1层
@雅兮网 是的。这种小功能都是酌情添加的
2018年3月14日 下午7:40 5楼
2018年3月30日 下午3:50 1层
@夏天烤洋芋
你牛,我都不配和你聊天了
2018年3月11日 下午1:49 4楼
参详下,很有用
2018年3月7日 下午10:06 地板
不错,很人性化的一个创意!对于图片站和主题很适宜!
2018年3月30日 下午3:50 1层
@明月登楼 是的,蛮好的一个小功能
2018年3月6日 上午9:07 板凳
可以
2018年3月3日 下午11:44 沙发
这个功能对于图片主题很实用,普通的博客就没什么必要,毕竟一般的文章能够3-5张图片就很不错了。
2018年3月4日 上午12:09 1层
@懿古今 是的,适用于图片多的文章,我也只是给相册分类添加了这个
2018年3月7日 下午11:27 1层
@懿古今
我都准备走无图模式了。