WordPress调用文章第一张图片的教程

文章直接调用第一张图片的话，可以节省我们上传缩略图的时间，也能较好的做好列表文章的排版布局。其实WordPress主题都自带可以自定义缩略图，或者自动将第一张文章中的图片作为缩略图。但是有时我们可能需要调用文章中的图片称为缩略图。例如，在设置企业网站模板时，可能需要手动设置此功能。下面我一起来看看，WordPress怎么调用文章的第一张图片。

将以下代码添加到主题模板的function.php文件：

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 = "这里添加默认图片的路径，文章中没有图片时显示";
    }
    return $first_img;
}

把以下代码添加到想要显示图片的位置，即可实现自动调用文章中第一张图片：

<img src="<?php echo catch_that_image() ?>"  />

👋 感谢您的观看！