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

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

部署代码

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

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

代码展示

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

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

使用效果

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

本文最后更新于2018年3月3日，已超过 1 年没有更新，如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢！
  • 博客公众号
  • 关注本博客公众号
  • weinxin
  • 博客小程序
  • 关注本博客小程序
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论：18   其中：访客  13   博主  5

    • avatar voice站点
      回复 2018年9月24日 下午6:48  12楼

      想在文章页显示该添加到哪里啊？
      哪个文件的大概哪行代码下面？知更鸟主题

      • avatar B 乐
        回复 2018年8月18日 下午7:13  11楼

        文章内图片数量是百度，审查的一个因素了

        • avatar 猫鼬博客
          回复 2018年4月30日 上午10:56  10楼

          很实用，我有些文章图片很多并且很大，这个能起到一些作用。

          • avatar 客栈老板娘
            回复 2018年3月25日 下午12:17  9楼

            图片加载慢怎么办

            • avatar 云柯博客
              回复 2018年3月23日 下午10:16  8楼

              底部留言出问题了

                • avatar 闲鱼 【博主】
                  回复 2018年3月30日 下午3:53  1层

                  @云柯博客 是的。手机设置网站弄出的事。。。。。

                • avatar 云柯博客
                  回复 2018年3月19日 下午6:32  7楼

                  能否帮个忙，审查元素看下我的博客什么加载缓慢，拖慢了我博客访问。出了问题打开需要好久，电脑还不在旁边，也是醉了。

                  • avatar 雅兮网
                    回复 2018年3月19日 上午11:14  6楼

                    这个可以，特别是有的站点有多图图片

                      • avatar 闲鱼 【博主】
                        回复 2018年3月30日 下午3:52  1层

                        @雅兮网 是的。这种小功能都是酌情添加的

                      • avatar 夏天烤洋芋
                        回复 2018年3月14日 下午7:40  5楼

                        :mrgreen: ranger老夫懒得研究怎么添加代码。反正现在流量也不贵了。 :cool: 谁没个几十G流量。

                          • avatar 闲鱼 【博主】
                            回复 2018年3月30日 下午3:50  1层

                            @夏天烤洋芋 :mad: 你牛，我都不配和你聊天了

                          • avatar 宁波最好的广告公司
                            回复 2018年3月11日 下午1:49  4楼

                            参详下，很有用

                            • avatar 明月登楼
                              回复 2018年3月7日 下午10:06  地板

                              不错，很人性化的一个创意！对于图片站和主题很适宜！

                                • avatar 闲鱼 【博主】
                                  回复 2018年3月30日 下午3:50  1层

                                  @明月登楼 是的，蛮好的一个小功能

                                • avatar 长情
                                  回复 2018年3月6日 上午9:07  板凳

                                  可以

                                  • avatar 懿古今
                                    回复 2018年3月3日 下午11:44  沙发

                                    这个功能对于图片主题很实用，普通的博客就没什么必要，毕竟一般的文章能够3-5张图片就很不错了。

                                      • avatar 闲鱼 【博主】
                                        回复 2018年3月4日 上午12:09  1层

                                        @懿古今 是的，适用于图片多的文章，我也只是给相册分类添加了这个

                                        • avatar 橘子书
                                          回复 2018年3月7日 下午11:27  1层

                                          @懿古今 :smile: 我都准备走无图模式了。