对于一些图片的 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 张图片”文本,你可以自己修改下样式。