WordPress教程

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

阿里云

对于一些图片的 WP 站来说在文章列表上可以展示文章内数量的功能还是非常不错的设计,所以果断分享给大家来看看!现在用手机浏览网站的人越来越多,告诉来访的人某篇文章里包涵多少图片很有必要。由此可见在文章列表给每篇文章增加图片数量展示还是很有必要的,至少有助于提高用户体验。这里给大家分享这个方法,也是顺便做个记录。

部署代码

请将下面的代码复制一下,然后粘贴到你当前 WordPress 主题的模板函数(functions.php)文件中保存即可:

也想出现在这里?联系我们
创客主机
  1. /** 
  2.  * 文章标题:WordPress纯代码:为WordPress文章列表增加文章内图片数量展示 
  3. */  
  4. function junzibuqi_post_images_number(){  
  5.     global $post;  
  6.     $content = $post->post_content;    
  7.     preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER);    
  8.     return count($strResult[1]);    
  9. }

代码调用

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

  1. <?php echo '共有' . junzibuqi_post_images_number() . '张图片'; ?>

效果展示

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

代码调用的方式非常简单,你只需要在文章列表循环部分插入下面的代码即可。上面的代码使用后输出的是“共有 XXX 张图片”文本,你可以自己修改下样式。

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

已有 476 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!