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

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

作者 : 资源客 发布时间: 2019-12-6

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

部署代码

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

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

代码调用

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

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

效果展示

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

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

http://xzh.i3geek.com
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途及非法用途,否则后果自负!
3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"qq301.com",如遇到无法解压的请联系管理员!
资源客是一个优秀的分享资源站,本站资源均为各位友友分享而来,特殊原创会标明如有侵犯版权等可联系删除

资源客 » WordPress文章列表内容图片数量展示