图片尺寸:add_image_size 与缩略图

作者: admin 分类: wordpress主题制作教程 发布时间: 2026-11-06 18:37

WordPress 会自动给你裁图

你上传一张 3000px 的大图,WordPress 会自动生成几个小尺寸(缩略图、中等、大图),存成不同文件。

用的时候,让它输出对应尺寸就行,不用自己裁。

默认的三个尺寸

后台“设置 → 媒体”里能看到:

  • 缩略图(thumbnail):一般 150×150
  • 中等(medium):一般 300×300
  • 大(large):一般 1024×1024

上传时自动按这三个尺寸裁。

自己加尺寸

主题需要特殊的尺寸(比如首页大图 800×400),在 functions.php 里加:

add_image_size( 'home-banner', 800, 400, true );

四个参数:

  • 名字(home-banner);
  • 宽、高;
  • 是否硬裁(true = 裁剪,false = 等比缩放)。

注意:加了新尺寸,之前上传的图不会自动补。要重新生成,得用插件(比如 Regenerate Thumbnails)。

怎么输出

文章特色图:

<?php the_post_thumbnail( 'home-banner' ); ?>

正文里的图:

<?php echo wp_get_attachment_image( $attachment_id, 'home-banner' ); ?>

caogenbj 的问题

它没有声明 add_theme_support('post-thumbnails'),所以:

  • 后台没有“特色图”面板;
  • the_post_thumbnail() 调了也没用;
  • 文章配图只能插在正文里。

这也是为什么它的文章页看起来“图文混排”,而不是“顶部一张特色图”。

一个性能提醒

正文里插图时,WordPress 会给你几个尺寸选。选跟显示尺寸最接近的,别选原图——原图可能 3000px、2MB,显示区域只有 600px。

这是图片拖慢网站最常见的原因。

小结

一句话记住:add_image_size 加自定义尺寸,the_post_thumbnail 输出特色图;加尺寸后老图要重新生成。

下一篇讲摘要。

本系列导航

相关文章

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Powered by 草根站长笔记 © 2015-2026 草根站长笔记 Inc.版权所有,禁止转载