WordPress教程

WordPress 获取文章中所有图片的几种方法

阿里云

最近在做 WordPress 主题开发的时候,遇到一个需求就是在文章列表页显示一篇文章的多图列表样式(如下图截自本站点的问答列表页的这个样式),之前曾经使用自定义字段的方式实现过这个功能,但是需要手动去上传要显示的多图,后期内容管理的时候相对比较麻烦,所以想着如果能让程序自动获取到当前文章中的所有图片路径,然后在文章列表页按照需要设置最多显示几张就可以了,这样在内容管理的时候会方便很多。

许多站长有希望增加文章相册的功能,来优化用户体验的想法,其实实现起来很简单,只不过主要是需要用到 css+javascript 的运用,然后再结合 wordpress 本身的函数来实现 wordpress 如何获取文章中所有图片的方法。

也想出现在这里?联系我们
创客主机

方法一

下面来讲一下获取文章所有图片的方法,很简单不多说了直接上代码,把下面代码放到你主题的 functions.php 中。

  1. /**
  2. *获取当前文章中所有图片 
  3. */
  4. function mx_get_post_images(){
  5.     global $post;
  6.     ob_start();
  7.     ob_end_clean();
  8.     $output = preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $post->post_content, $matches, PREG_PATTERN_ORDER);
  9.     return $matches[1];
  10. }

然后再你需要使用图片 url 的地方使用 mx_get_post_images()这个函数获取出来,然后循环输出成你需要的样式就行了。

调用 wordpress 文章中的所有图片附件,这种需求,一般情况下,我们可能不需要。但是,在特殊情况下,我们可能会要用到它,比如有的 wordpress 图片主题中,让同一篇文章下的图片以幻灯的形势来展示,这时,我们就可能需要调用到所有的文章图片。

方法二

思路如下:WordPress 文章所有附件,都是通过 POSTS 数据表中的 post_parent 挂钩的,以及 post_type 为 attachment 来标识的;图片附件的 post_mime_type 为'image'。理解这句后,查看下面这段代码:

  1. $attachments = get_children(
  2. array(
  3. 'post_parent' => 文章的ID,
  4. 'post_status' => 'inherit',
  5. 'post_type' => 'attachment',
  6. 'post_mime_type' => 'image',
  7. 'order' => 'ASC',
  8. 'orderby' => 'menu_order ID',
  9. 'suppress_filters' => true
  10. )
  11. );

然后,我们通过 foreach 主语句来循环读出附件的相关信息就可以实现我们想要的效果。

WordPress 获取文章中所有图片的几种方法

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

收藏
(0)

发表回复

热销模板

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

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