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

2018年4月12日14:15:51 2分钟 发表评论 152 views
摘要

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

  • 部署代码

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

  1. /**
  2.  * 文章标题:WordPress纯代码:为WordPress文章列表增加文章内图片数量展示
  3.  * 文章作者:君子不器
  4.  * 文章链接:http://junzibuqi.com/post-img-number.html
  5.  */
  6. function junzibuqi_post_images_number(){
  7.     global $post;
  8.     $content = $post->post_content;
  9.     preg_match_all('/<img.*?(?: |\t|\r|\n)?src=['"]?(.+?)['"]?(?:(?: |\t|\r|\n)+.*?)?>/sim', $content$strResult, PREG_PATTERN_ORDER);
  10.     return count($strResult[1]);
  11. }

  • 代码展示

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

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

  • 使用效果

闲鱼博客相册分类添加有这个小功能,可自行查看,如图。

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

 

云柯

发表评论

gravatar

:?: :?: :?: :?: :?: :?: :?: :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: