这是好源码站长在君子不器的博客那里看到的,觉得确实是一个不错的小功能。现在用手机浏览网站的人越来越多,告诉来访的人某篇文章里包涵多少图片很有必要。源码站长就有一次这样的经历,记不得是用手机浏览的谁的博客,说是分享几张有趣的图,源码站长就直接点进去看了,何止几张……手机用流量一直往下刷感觉到不了头的。由此可见在文章列表给每篇文章增加图片数量展示还是很有必要的,至少有助于提高用户体验。这里给大家分享这个方法,也是顺便做个记录。
部署代码
将以下代码添加到主题的functions.php
里,代码来自君子不器。
- /**
- * 文章标题:WordPress纯代码:为WordPress文章列表增加文章内图片数量展示
- * 文章作者:君子不器
- * 文章链接:http://junzibuqi.com/post-img-number.html
- */
- 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() . ‘张图片’; ?>
使用效果
本站相册分类添加有这个小功能,可自行查看,如图。