Dragon
  • 真诚欢迎您的来访,留言,投稿!欢迎(Ctrl+D)收藏并经常访问本站 ---- https://www.ilxtx.com
  • 龙笑天下WordPress带用户中心和商城系统的博客CMS主题Dragon强势来袭,功能众多,总有一个中意你,心动吗? 『立即了解详情
龙笑天龙笑天  2017-07-14 10:10 龙笑天下 隐藏边栏 |   34 条评论  1,409 
文章评分 47 次,平均分 4.9

WordPress 获取文章内图片的数量及文章中第一张图片的地址 wordpress

这个小功能应该是非常常见的了,特别是在一些图片展示站,向用户展示每篇文章内图片的数量是很有必要的。

另外,又因为现在用手机浏览的人越来越多,如果用户在移动数据的情况下不小心点进一篇图片特别多的文章…..

这个功能实现起来也非常简单,只需要使用正则匹配一下文章内容中所有 img 标签即可,匹配成功后直接返回图片的数量,然后将图片数量展示在文章列表即可。

直接上代码先,将以下代码插入 functions.php 中:

---- 改自君子不器

调用方法也很简单,如下,传入文章 ID,然后该函数将返回改篇文章内的图片总数,最后在相关位置展示即可:

大家可以去本站“文章中心”的标题处看看具体效果,当然,本站是做了个判断的,图片数量少于 2 的就不显示了~

当然,也可以获取某篇文章中第一张图片(支持外链图片)的链接地址;若文章中不存在图片的话,则返回一张默认图片地址或随机图片地址,调用方法如下:

最后值得指出的是本代码还可以继续延伸,用于获取文章中所有图片的链接地址,自行动手改造吧,骚年!至于这个有啥作用,就自己思考了~

本文为原创文章,版权归所有,欢迎分享本文,转载请保留出处!

龙笑天
龙笑天 关注:49    粉丝:29 最后编辑于:2018-12-29
互助分享,互联网本该如此!

发表评论

最赞评论
  1. 橘子书
    橘子书 评论达人 LV.3 来自天朝的朋友 火狐浏览器 51.0 Windows 10 福建省漳州市 电信

    这个功能用在图片比较多的博客,蛮好的。

  2. 小萝博客
    小萝博客 评论达人 LV.1 来自天朝的朋友 谷歌浏览器 58.0.3029.110 Windows 10 广东省珠海市 电信

    这个非常贴心,不过一般的配图比较少,是不是 [坏笑]

  3. 1
    192.168.1.1 来自天朝的朋友 谷歌浏览器 45.0.2454.101 Windows 7 北京市 联通

    第一张图片做首页缩略图最好的了。

  1. 来人啊 来自天朝的朋友 谷歌浏览器 71.0.3578.98 Windows 10 广东省深圳市 电信

    这个虽然能获取到第一张图片地址 ,但是会报错,
    报错出现在这一行:$output = ( $strResult[1][0]==null ? $img_url : $strResult[1][0]);

    13楼 2018-12-29 09:44
  2. W
    wp初学者 来自天朝的朋友 谷歌浏览器 65.0.3325.146 Windows 7 北京市 联通数据中心

    获取第二张图呢,ID,1); ?>中 1 改为 2?,但是并不好使,应该是我错了

    12楼 2018-04-26 16:30
  3. 夏日博客
    夏日博客 来自天朝的朋友 谷歌浏览器 45.0.2454.101 Windows 7 北京市朝阳区 联通

    一个 function 就解决了,WP 很强大。

    11楼 2017-07-26 10:38
  4. 杭州家政网 来自天朝的朋友 搜狗浏览器 2.X Windows 7 山东省菏泽市 联通

    值得思考哦,受教了!

    10楼 2017-07-24 08:11
  5. 觅音博客
    觅音博客 来自天朝的朋友 谷歌浏览器 53.0.2785.146  Android 6.0.1 MI 4LTE Build/MMB29M 江西省 移动

    又涨姿势了

    9楼 2017-07-22 00:26
  6. 增达
    增达 来自天朝的朋友 搜狗浏览器 2.X Windows 7 山东省菏泽市 联通

    我也有过博客,不过那都是很多年前的事情了!

    8楼 2017-07-20 16:19
  7. 小萝博客
    小萝博客 评论达人 LV.1 来自天朝的朋友 谷歌浏览器 58.0.3029.110 Windows 10 广东省珠海市 电信

    这个非常贴心,不过一般的配图比较少,是不是 [坏笑]

    7楼 2017-07-19 23:18
  8. CPA学习网
    CPA学习网 来自天朝的朋友 搜狗浏览器 2.X Windows XP 重庆市 移动

    CPA 学习网前来拜会,祝愿博主安好!!!

    6楼 2017-07-19 20:17
  9. boke112导航
    boke112导航 评论达人 LV.3 来自天朝的朋友 谷歌浏览器 50.0.2661.102 Windows XP 广西南宁市 电信

    这个获取第一张图片地址的,大部分缩略图都是这么干的,至于图片数量,一般都是多图的情况下使用,我的图片布局主题就用到这个。这个功能还是很实用的,不过大部分主题都已经在使用了

    5楼 2017-07-19 16:32
  10. Koolight
    Koolight 评论达人 LV.3 来自天朝的朋友 谷歌浏览器 50.0.2661.102 Windows 7 陕西省宝鸡市 电信

    有啥用呢?难道是为了做色站?

    4楼 2017-07-18 22:54
  11. 1
    192.168.1.1 来自天朝的朋友 谷歌浏览器 45.0.2454.101 Windows 7 北京市 联通

    第一张图片做首页缩略图最好的了。

    地板 2017-07-17 10:34
  12. D
    daima 评论达人 LV.2 来自天朝的朋友 谷歌浏览器 50.0.2661.102 Windows 7 广东省深圳市 天威视讯

    前排支持一个

    板凳 2017-07-15 01:00
  13. 橘子书
    橘子书 评论达人 LV.3 来自天朝的朋友 火狐浏览器 51.0 Windows 10 福建省漳州市 电信

    这个功能用在图片比较多的博客,蛮好的。

    沙发 2017-07-14 23:51
切换注册

登录

短信快捷登录 忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

验证码

您也可以使用第三方帐号一键快捷注册

×

感谢您对龙笑天的支持,么么哒~

支付宝打赏 龙笑天
请扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

龙笑天下 - 分享悲伤;共享快乐

扫一扫二维码分享