最近在做 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 主语句来循环读出附件的相关信息就可以实现我们想要的效果。