首页 » WordPress建站教程 » 正文

WordPress如何调用文章缩略图?只需两步!

Wordpress如何调用文章缩略图?文章缩略图调用方法当我们用WordPress开发主题模板时,在列表页会用到调用分类目录下的标题 摘要 和缩略图等信息,文章缩略图相对文字比较醒目,具有引导和美化页面的作用,那WordPress如何调用文章缩略图呢?今天小编和大家分享以下 “WordPress文章缩略图调用方法”。通过以下两步代码添加和调用,就能实现文章缩略图调用。

第一步:在主题根目录下找到并打开functions.php文件,将以下代码添加到functions.php的底部。

//调用缩略图
function get_first_image() {
global $post;
$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 = bloginfo(‘template_url’) . “/images/default.jpg”;
};
return $first_img;
}

第二步:找到主题模板调用缩略图的位置,将下列代码加上去,就可以实现文章缩略图的调用。

<?php if ( has_post_thumbnail() ) { the_post_thumbnail(array(241,150),array(‘alt’=> trim(strip_tags( $post->post_title ))));} else {?><img src=”<?php echo get_first_image(); ?>” alt=”<?php the_title(); ?>” width=”242px” height=”150px”/><?php }?>

其中: 代码中,width=”242px” height=”150px”为缩略图的尺寸。这里的尺寸可以自定义!

通过以上两步,很方便也很简单就能实现“Wordpress文章缩略图调用”。以上代码集合,来自网络,小编曾经在学习WordPress模板主题开发时,对这些比较实用能快速解决问题的代码进行了整理和收录,以备他日同各位小伙伴们一起分享。关注本站,分享更多WordPress建站方面的干货,和大家一起成长。