如何获取文章中第一张图片并显示图片
在写wordpress模板的时候，一般为了布局合理而且显示的较为美观，作者会考虑加入此项功能：获取wordpress文章中的第一张图片并显示出来。有些wordpress模板加入了缩略图功能，有些设置特色图片，虽然方法不同，但效果一样。比如暗淡的黑IT网络现用主题wpdaxue，采取第三方文件timthumb.php来获取缩略图，效果如下图。下面暗淡的黑在这提供两种代码方法实现wordpress取文章中第一张图片功能。
实现方法
此文代码预留地址：
方法1.无视任何设置，直接获取文章中第一张图片并显示；如果文章无图片，获取自定义图片并显示。
此方法翻译自
①将以下代码粘贴到functions.php文件中。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| function catch_that_image ( ) {
global $post , $posts ;
$first_img = '' ;
ob_start ( ) ;
ob_end_clean ( ) ;
$output = preg_match_all ( '/<img.+src=['"]([^'"]+)['"].*>/i' , $post -> post_content , $matches ) ;
//获取文章中第一张图片的路径并输出
$first_img = $matches [ 1 ] [ 0 ] ;
//如果文章无图片，获取自定义图片
if ( empty ( $first_img ) ) { //Defines a default image
$first_img = "/images/default.jpg" ;
//请自行设置一张default.jpg图片
}
return $first_img ;
} |
②在需要显示图片的地方输出图片：
1
| <?php echo catch_that_image ( ) ?> |
方法2.如果我们手动设置了特色图像，而且文章中又有图片，那该如何显示呢？我们自此可以使用逻辑判断，给他们一个优先条件。此方法网上代码重复太多，已经不知道原创是谁了...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| function catch_that_image ( $id ) {
// global $post, $posts;
$first_img = '' ;
// 如果设置了缩略图
$post_thumbnail_id = get_post_thumbnail_id ( $id ) ;
if ( $post_thumbnail_id ) {
$output = wp_get_attachment_image_src ( $post_thumbnail_id , 'large' ) ;
$first_img = $output [ 0 ] ;
}
else { // 没有缩略图，查找文章中的第一幅图片
ob_start ( ) ;
ob_end_clean ( ) ;
$output = preg_match_all ( '/<img.+src=['"]([^'"]+)['"].*>/i' , $post -> post_content , $matches ) ;
$first_img = $matches [ 1 ] [ 0 ] ;
if ( empty ( $first_img ) ) { // 既没有缩略图，文中也没有图，设置一幅默认的图片
$first_img = "/images/default.jpg" ;
}
}
return $first_img ;
} |
