WordPress列表显示缩略图需先在functions.php中添加add_theme_support('post-thumbnails')启用特色图像,再在循环中用the_post_thumbnail()调用,并确保图片已设为特色图像且尺寸已生成。

确认主题支持特色图像
在主题的 functions.php 中必须启用特色图像支持:
- 添加这行代码(如果还没有):
add_theme_support('post-thumbnails'); - 保存后,编辑文章时右侧边栏才会出现“特色图像”上传区域
在列表循环中调用缩略图
在 index.php、archive.php 或 category.php 等列表模板的 while (have_posts()) 循环内,插入以下代码:
- 显示带链接的缩略图(推荐):
' . get_the_post_thumbnail(null, 'thumbnail') . ''; } ?> - 只显示缩略图(无链接):
- 指定尺寸(如 150×150):
确保缩略图已生成并生效
WordPress 不会自动为旧文章生成缩略图尺寸:
- 新上传的图片会按主题注册的尺寸(如 thumbnail、medium、large)自动生成对应文件
- 已有图片需用插件如 Regenerate Thumbnails 批量重生成
- 检查媒体库中图片是否设置了“特色图像”——仅上传不等于设为缩略图
可选:自定义缩略图尺寸
如需更合适的列表尺寸(比如 300×200),在 functions.php 添加:
立即学习“PHP免费学习笔记(深入)”;
-
add_image_size('list-thumb', 300, 200, true);(第三个参数
true表示硬裁剪) - 之后调用:
- 同样需用插件重生成缩略图才能看到效果



















