wordpress教程:如何获取文章中第一张图片并显示图片

在写wordpress模板的时候,一般为了布局合理而且显示的较为美观,作者会考虑加入此项功能:获取wordpress文章中的第一张图片并显示出来。有些wordpress模板加入了缩略图功能,有些设置特色图片,虽然方法不同,但效果一样。

具体实现方法:

将以下代码粘贴到functions.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 = “/images/default.jpg”;

//请自行设置一张default.jpg图片
}

return $first_img;
}

在需要显示图片的地方输出图片:

<?php echo catch_that_image() ?>

注意<?php echo catch_that_image() ?>只是输入图片地址,为了显示图片你需要加上img标签:

<img src=”<?php echo catch_that_image() ?>”>

将以上代码贴入想要显示的地方即可。

0 0