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站点

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

      • avatar B 乐

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

        • avatar 猫鼬博客

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

          • avatar 客栈老板娘

            图片加载慢怎么办

            • avatar 云柯博客

              底部留言出问题了

                • avatar 闲鱼 【博主】

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

                • avatar 云柯博客

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

                  • avatar 雅兮网

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

                      • avatar 闲鱼 【博主】

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

                      • avatar 夏天烤洋芋

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

                          • avatar 闲鱼 【博主】

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

                          • avatar 宁波最好的广告公司

                            参详下,很有用

                            • avatar 明月登楼

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

                                • avatar 闲鱼 【博主】

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

                                • avatar 长情

                                  可以

                                  • avatar 懿古今

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

                                      • avatar 闲鱼 【博主】

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

                                        • avatar 橘子书

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