首页 > 插件推荐 > 后台定制 > 代码实现WordPress增加文章列表对文章内图片数量展示
2019
09-17

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

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

部署代码

将以下代码添加到主题的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() . '张图片'; ?>

 

使用效果

如图。
QQE688AAE59BBE20180303152635 - 代码实现WordPress增加文章列表对文章内图片数量展示

最后编辑:
作者:MrBang
WordPress迷

留下一个回复