---
title: "启用WordPress 缩略图"
url: "https://yjyj.net/learn/wordpress-learn/1618.html"
author: "小 虾 (生猛大蝦编辑部)"
published_at: "2010-12-24T06:33:00+08:00"
updated_at: "2013-01-04T17:34:33+08:00"
categories: "WordPress 学习"
tags: "WordPress优化, WordPress开发, 前端开发实战"
summary: "本文讲清 WordPress 2.9 如何在后台启用文章缩略图，并演示在主题 functions.php 中开启支持、在模板中调用缩略图、设置默认图与尺寸的实操方法，适合想快速给文章列表加封面图的站长直接照做。"
source: "生猛大蝦 (https://yjyj.net)"
---

# 启用WordPress 缩略图

> 来源：[生猛大蝦 (yjyj.net)](https://yjyj.net/learn/wordpress-learn/1618.html) · 作者：小 虾 · 发布时间：2010-12-24

## 30 秒核心看点 (TL;DR)

- 在主题 functions.php 里加上 post-thumbnails 支持，后台编辑页就会出现缩略图选项。
- 前台可用 has_post_thumbnail() 判断，再用 the_post_thumbnail() 输出指定尺寸和 class。
- 没有特色图时可用默认图片兜底，但每篇文章仍需手动设置缩略图，维护成本要注意。

WordPress 2.9已经内置了缩略图的功能，但是却在后台编辑页面没有直接启用。那如何在WordPress 2.9后台启用缩略图的功能呢？方法很简单

   ，就是在你所用的主题的functions.php文件中添加：

  
>    if ( function_exists( ‘add_theme_support’ ) ) {     
add_theme_support( ‘post-thumbnails’ );      
}

 
  添加完这个以后，你重新刷新新建文档的页面，是不是在侧边栏已经出现了缩略图的选择了。剩下的就是，如何调用文章的缩略图啦。我们以index.php为例，将index.php中下面的代码：

  
>    <div class="entry">     
<?php the_content(‘Read the rest of this entry &raquo;’); ?>      
</div>

 
  修改为：

  
>    <div class="entry">     
<?php if ( has_post_thumbnail() ) : ?>      
<?php the_post_thumbnail( array( 125, 125 ), array( ‘class’ => ‘alignleft’ ) ); ?>      
<?php endif; ?>      
<?php the_content(‘Read the rest of this entry &raquo;’); ?>      
</div>

 
  其中，arry(125, 125)是说缩略图的大小，同样也可以根据后台的设置，指定为thumbnail、medium、large或者full。   
至于array( ‘class’ => ‘alignleft’ )，指定的就是图片的class效果了。

  进一步的，如果这篇文章没有图，那么我们怎么显示一张默认的图片(例子.jpg)呢？

  
>    <?php if ( has_post_thumbnail() ) : ?>     
<?php the_post_thumbnail( array( ‘thumbnail’ ), array( ‘class’ => ‘alignleft’ ) ); ?>      
<?php else : ?>      
    <img src="例子.jpg" />      
<?php endif; ?>

 
  缺点就是需要手动设置每一篇文章的缩略图

## 延伸问答与排错指南 (FAQ)

### WordPress 2.9怎么开启文章缩略图？
在当前主题的 functions.php 中加入 add_theme_support('post-thumbnails') 即可。保存后刷新后台新建文章页面，侧边栏通常就会出现缩略图设置区域，之后就能为文章单独指定特色图。

### 前台模板里怎么调用文章缩略图？
先用 has_post_thumbnail() 判断是否存在缩略图，再用 the_post_thumbnail() 输出。可以指定尺寸数组和 class，例如让图片以左浮动显示，适合文章列表页或首页摘要区直接展示封面。

### 没有缩略图时如何显示默认图片？
可以在判断语句里加 else 分支，若文章未设置缩略图，就输出一张默认图片作为占位。这样列表页不会出现空白，但要注意默认图尺寸和版式要与主题风格保持一致。

---
更多 Linux 运维、WordPress 性能优化、前端工程化、Shopify 独立站与极客折腾指南：[生猛大蝦全站文章归档 (https://yjyj.net/archive)](https://yjyj.net/archive)