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


WordPress文章列表展示文章内图片数量功能:

这个功能在君子不器看来,直接在WordPress文章列表中展示每篇文章内的图片数量是很有必要的,因为现在用手机浏览的人越来越多,如果用户在移动数据的情况下不小心点进一篇图片特别多的文章…..

如果你浏览了君子不器的网站便可发现,君子不器网站中每篇文章都标明了文章内图片的数量。而这个功能实现起来也非常简单,只需要使用正则匹配一下文章内容中所有img标签即可,匹配成功后直接返回图片的数量,然后将图片数量展示在文章列表。

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

上面君子不器贴出的图片中就可以看到,君子不器每篇文章右下角都会有个图片数量的提示,这样可以避免那些被坑的用户骂街…..

WordPress纯代码:获取WordPress文章内图片数量

请将下面君子不器贴出的代码复制一下,然后粘贴到你当前WordPress主题的模板函数(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]);  
}

WordPress纯代码:代码使用方式

代码调用的方式非常简单,你只需要在文章列表循环部分插入下面的代码即可。

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

上面的代码使用后输出的是“共有XXX张图片”文本,你可以自己修改下,比如改成像君子不器图片中展示的那个样式。

分享您对本文的看法!
喜欢 喜欢
1
喜欢
不懂 不懂
2
不懂
膜拜 膜拜
1
膜拜
蛋疼 蛋疼
1
蛋疼
好奇 好奇
2
好奇
逗比 逗比
1
逗比
有才 有才
3
有才
开心 开心
3
开心
可怕 可怕
2
可怕
WordPress纯代码:为WordPress文章列表增加文章内图片数量展示

万事不求人,做最全面的自己!

评论 2

分享下您的观点

您填写的邮箱不会被公开,邮箱仅用于获取您的Gravatar头像

登录

重置密码

再次尝试?
登录