Notice: Trying to access array offset on value of type bool in /www/wwwroot/weimahe.com/wp-content/advanced-cache.php on line 472

Notice: Trying to access array offset on value of type bool in /www/wwwroot/weimahe.com/wp-content/advanced-cache.php on line 472
WordPress文章列表内容图片数量展示 - 微码盒
!
也想出现在这里? 联系我们
广告位

WordPress文章列表内容图片数量展示

对于一些图片的 WP 站来说在文章列表上可以展示文章内数量的功能还是非常不错的设计,所以果断分享给大家来看看!现在用手机浏览网站的人越来越多,告诉来访的人某篇文章里包涵多少图片很有必要。由此可见在文章列表给每篇文章增加图片数量展示还是很有必要的,至少有助于提高用户体验。这里给大家分享这个方法,也是顺便做个记录。

部署代码

请将下面的代码复制一下,然后粘贴到你当前 WordPress 主题的模板函数(functions.php)文件中保存即可:

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

代码调用

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

  1. <?php echo '共有' . junzibuqi_post_images_number() . '张图片'; ?>

效果展示

本站相册分类添加有这个小功能,可自行查看,如图:

代码调用的方式非常简单,你只需要在文章列表循环部分插入下面的代码即可。上面的代码使用后输出的是“共有 XXX 张图片”文本,你可以自己修改下样式。

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

WordPress分类栏目添加自定义缩略图

2024-6-14 14:21:20

WordPress教程

WordPress主题实现前台用户重置密码功能

2024-6-17 14:09:11

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索