最近在做 WordPress 主题开发的时候,遇到一个需求就是在文章列表页显示一篇文章的多图列表样式(如下图截自本站点的问答列表页的这个样式),之前曾经使用自定义A R j 7 x ] 4 6 6字段的方式实现过这个功能,但是需要手动去上传要显示的多图,后期内容管理的时候相对( U * w v比较麻烦,所以想着如果能B W v让程序自动获取到当+ C s { Q L前文章中的所有图片路径,l 2 M q .然后在文章列表页按照需要设置最多显示几张就可以了,这样在内容管理的时候会方便很多。
许多站长有希望增加文章相册的功能,来% c H 4优化用户体验的想法,其实实现起来很简单,只不过主要是需要用a - + e到 css+javascP / X eript 的运用,然后再结合 wordpress 本身的函数来实现 wordpress 如何获取文章中所有图片的方法。
方法一
下面来$ C {讲一下获取文章所有图片的方法,很简单不多说了直接上代码,把下面代码放到你主题的 functions.php 中。
- /**
- *获取当前文章中所有图片
- */
- function mx_get_post_images(){
- global $post;
- ob_sta- ~ g Drt();
- ob_end_clean();
- $output = preg_match_allr \ a c { o40;'/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $post->post_content, $matches, PREG_PATTERN_F I a / e r U _ORDER);
- return $matches[1];
- }
然后再你需要使用图片 url 的地方使用 mx_gec & U , C ^ f At_post_images()这个函数获取出来,然后循环输出成你需要的样式就行了。
调用 wordpress 文章中的所有图\ * e片附件,这种需求,一般情_ 6 M ;况下,我们可能不需要。但是,在特殊情况下,我们可能会要用到它,比如有的 wordpress 图片主题中,让同一篇文章下的图片以幻灯的形势来展示,这时,我们就可能需要调用到所有的文章图片。
方法二
思路如下:WordPress 文章所有附件,都是通过 POSTS 数据表中的 post_parent 挂钩的,以及 post_tyS c kpe 为 attachment 来标识的;图片附件的 post_mime_type 为'[ P q * l ) 0 X Wimage'。理解这句后,查看下面这段代码:
- $attachment\ D T $ C T es = get_children(
- array(
- 'post_parent' => 文章的ID,
- 'post_status' => 'inherit',
- 'post_type' => 'attachment',
- 'post_mime_type' => 'image',
- 'order'c s w Z \ e => 'ASC',
- 'ordeb p Q : ? G Y b Vrby'n ! U z s w g => 'menu_order ID',
- 'suppress_filters'k ^ 6 => true
- )
- );
然后,我们通过 foreach 主语句来循环读出附件的相关信息就可以实现我们想要的效果。