wordpress文章缩略图的调用方法

本文介绍了在WordPress网站中调用文章缩略图的方法。通过在functions.php文件中添加自定义函数获取文章首张图片作为缩略图，并在模板中使用条件代码实现显示。若无图片则显示默认图像，图片尺寸可自定义调整。该方法能有效美化网站页面布局。

WordPress基础教程

阅读时间: 11 分钟

最后更新时间：2025年11月13日

很多时候需要在网站上显示文章的缩略图，这样可以让整个网站不是太单调。

我们自己做网站时，如何在自己网站上调用文章缩略图呢？下面来讲一下文章缩略图调用方法。

方法/步骤

在自己的wordpress模板中找到模板函数文件functions.php;wordpress文章缩略图的调用方法

在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(296,296),array('alt'=> trim(strip_tags( $post->post_title ))));} else {?><img src="<?php echo get_first_image(); ?>" alt="<?php the_title(); ?>" width="296px" height="296px"/><?php }?>

上面代码里的29，296为图片的尺寸，可以根据自己网站的需要进行修改。

通过上面的方法，我们自己建网站时，也可以很轻松的调用文章缩略图片了。