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代码:文章列表增加文章内图片数量展示

发表评论

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

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

    • 猫鼬博客 猫鼬博客 3 来自天朝的朋友 谷歌浏览器 Windows 7 四川省成都市双流县 电信

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

      • 客栈老板娘 客栈老板娘 0 来自天朝的朋友 谷歌浏览器 Windows 7 广东省广州市 电信

        图片加载慢怎么办

        • 云柯博客 云柯博客 1 来自天朝的朋友 谷歌浏览器  Android 7.0 MZ-M5 Note Build/MRA58K 江苏省南京市 联通

          底部留言出问题了

            • 闲鱼 闲鱼 【博主】 来自天朝的朋友 谷歌浏览器 Windows 7 湖南省常德市 电信

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

            • 云柯博客 云柯博客 1 来自天朝的朋友 谷歌浏览器  Android 7.0 MZ-M5 Note Build/MRA58K 江苏省南京市 联通

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

              • 雅兮网 雅兮网 4 来自天朝的朋友 谷歌浏览器 Windows 7 广东省 电信

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

                  • 闲鱼 闲鱼 【博主】 来自天朝的朋友 谷歌浏览器 Windows 7 湖南省常德市 电信

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

                  • 夏天烤洋芋 夏天烤洋芋 4 来自天朝的朋友 谷歌浏览器 Windows 10 云南省昆明市 电信

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

                      • 闲鱼 闲鱼 【博主】 来自天朝的朋友 谷歌浏览器 Windows 7 湖南省常德市 电信

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

                      • 宁波最好的广告公司 宁波最好的广告公司 0 来自天朝的朋友 谷歌浏览器 Windows 7 浙江省宁波市 电信

                        参详下,很有用

                        • 明月登楼 明月登楼 6 来自天朝的朋友 谷歌浏览器 Windows 10 河南省南阳市 电信

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

                            • 闲鱼 闲鱼 【博主】 来自天朝的朋友 谷歌浏览器 Windows 7 湖南省常德市 电信

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

                            • 长情 长情 1 来自天朝的朋友 谷歌浏览器  Android 7.0 MZ-M5 Note Build/MRA58K 江苏省南京市 联通

                              可以

                              • 懿古今 懿古今 4 来自天朝的朋友 谷歌浏览器 Windows 7 广西南宁市 电信

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

                                  • 闲鱼 闲鱼 【博主】 来自天朝的朋友 谷歌浏览器 Windows 7 湖南省常德市 电信

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

                                    • 橘子书 橘子书 4 来自天朝的朋友 谷歌浏览器 Windows 10 福建省漳州市 电信

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