欢迎光临
我们一直在努力

WordPress代码:文章列表增加文章内图片数量展示

这是闲鱼在君子不器的博客那里看到的,觉得确实是一个不错的小功能。现在用手机浏览网站的人越来越多,告诉来访的人某篇文章里包涵多少图片很有必要。闲鱼就有一次这样的经历,记不得是用手机浏览的谁的博客,说是分享几张有趣的图,闲鱼就直接点进去看了,何止几张……手机用流量一直往下刷感觉到不了头的。由此可见在文章列表给每篇文章增加图片数量展示还是很有必要的,至少有助于提高用户体验。这里给大家分享这个方法,也是顺便做个记录。

部署代码

将以下代码添加到主题的functions.php里,代码来自君子不器。

1
2
3
4
5
6
7
8
9
10
11
/**
* 文章标题: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]);    
}

代码展示

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

1
2
// 直接输出图片数量  
<?php echo ‘共有’ . junzibuqi_post_images_number() . ‘张图片’; ?>

使用效果

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

WordPress代码:文章列表增加文章内图片数量展示

本文来源:闲鱼博客

赞(0) 打赏
未经允许不得转载:中国宏阔黑客联盟|白帽黑客|网络渗透技术|网站安全|移动安全|通信安全 » WordPress代码:文章列表增加文章内图片数量展示
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏