封面图像 vs 特色图像：WordPress 中使用指南
刚开始使用 WordPress 时，我经常混淆封面图像和特色图像。结果导致早期的一些博客文章要么缺少关键视觉元素，要么图片位置不对，设计看起来有点奇怪。
幸运的是，我很快意识到这两种图像各自扮演着独特且重要的角色。
封面图像用于内容内部，用来设定基调并吸引读者。而特色图像则作为视觉摘要，在文章被打开之前就展示出核心内容。
在这篇指南中，我将分享在 WordPress 块编辑器中关于封面图像和特色图像的所有经验。
封面图像和特色图像的关键区别是什么？
最大的区别在于它们的功能和出现位置：
- 封面图像： 这是你在文章内容中添加的图片块。它的作用是打破文章，创建视觉分区，通常可以叠加文字。
- 特色图像： 这是文章的主要缩略图，在内容之外代表你的文章。它出现在博客首页、归档页面，以及文章在社交媒体分享时。
以下是本指南的快速概览：
- 什么是封面图像？
- 什么是特色图像？
- 封面图像 vs 特色图像在 WordPress 块编辑器中
- 推荐尺寸
- 如何添加封面图像
- 如何添加特色图像
- 常见问题
- 专家指南
什么是封面图像？
封面图像是一种宽幅图片，你可以放置在文章或页面的内容中任意位置。它是一个特定的块，用于打断长段落文本，创建视觉上的新章节开头，通常上面会叠加文字。
这类图像在依赖讲故事或视觉内容的网站中特别常见，比如旅行、生活方式和作品集网站。
例如，博主可以用封面图像来介绍长文章中的新章节。营销人员常用它们创建全宽的行动号召横幅，摄影师可以在案例研究中展示精彩作品。
WordPress 中的“Cover”块允许你添加封面图像，同时还可以添加文字和颜色叠加层。
你还可以自定义这些叠加层，以匹配网站颜色或为不同内容部分设定氛围。稍后我会展示更多自定义选项。
为了获得最佳效果，我建议使用 1920×1080 像素的封面图像。这个尺寸能确保图像高质量，并很好地填充文章顶部区域。
什么是特色图像？
特色图像就像博客文章的脸面，提供视觉表示来吸引读者并总结内容。它也被称为文章缩略图，会出现在首页、博客归档页面，以及文章分享到社交媒体时。
这些图像需要视觉吸引力，鼓励读者点击查看你的 WordPress 博客或网站。它们对吸引流量和互动至关重要。
例如，在猫哥，我和我的团队确保每张特色图像都是独特的，同时保持我们品牌的一致风格。
请注意，特色图像的大小取决于你使用的 WordPress 主题，因为主题决定这些图像的最佳尺寸。主题有预定义的布局（如首页和归档页面的网格或列表），需要一致的图像尺寸以保持干净专业的设计。
例如，许多主题采用标准的 16:9 比例，使用 680×382 像素等尺寸。有些主题甚至将特色图像用作标题图像，尺寸为 1200×675 像素。
封面图像 vs 特色图像在 WordPress 块编辑器中
为了更清晰，这里有一个快速对比表：
| 特性 | 封面图像 | 特色图像 |
|---|---|---|
| 主要目的 | 在文章内部创建视觉分隔和突出部分 | 在首页、归档和社交媒体上代表整篇文章 |
| 位置 | 文章或页面内容中的任意位置 | 由主题显示在文章本身之外的页面 |
| 添加方式 | 使用内容编辑器中的“Cover”块 | 使用文章侧边栏中的“特色图像”设置 |
| 关键功能 | 可叠加文字、视差效果和滤镜 | 外观由 WordPress 主题控制 |
推荐的封面图像和特色图像尺寸
选择合适的图像尺寸有助于网站更专业，并在不同设备上正确加载。同时确保图像在 WordPress 主题和社交媒体平台上正确显示。
以下是常用推荐尺寸：
| 图像类型 | 最佳用途 | 推荐尺寸 |
|---|---|---|
| 封面图像 | 章节标题、英雄横幅、文章内部的视觉叙事 | 1920 × 1080 像素 |
| 特色图像 | 博客文章缩略图、归档页面、社交媒体分享 | 通常 1200 × 675 像素或主题推荐尺寸 |
为了获得最佳效果，请遵循以下简单技巧：
- 使用高清晰度图像，在大屏幕上清晰显示
- 保持图像风格和尺寸在整个网站中一致
- 上传前压缩图像以提高页面速度
- 在移动设备上预览图像以确保正确显示
- 使用描述性替代文本以提高可访问性和 SEO（了解更多）
如何在 WordPress 中添加封面图像
WordPress 块编辑器（Gutenberg）使用 Cover 块可以轻松添加封面图像。
首先，创建新文章：前往 文章 → 添加新文章。或者编辑已有文章：前往 文章 → 所有文章，点击要编辑的文章标题。
在编辑器中，点击“+”按钮添加新块，然后从列表中选择“Cover”块。
Cover 块位于“媒体”选项卡下。你也可以在搜索框中输入“/cover”快速找到。
选择后，Cover 块会出现在编辑器中，现在可以添加封面图像了。
只需将图像或视频拖放到块区域。或者点击“上传”按钮从计算机选择文件。如果媒体库中已有图片，点击“媒体库”按钮选择。
点击“选择”按钮将图像添加到文章。然后可以自定义：点击图像，会出现工具栏，右侧面板提供更多选项。
首先，在封面图像中间点击“写标题…”区域，输入文字。上方会出现格式化选项。
查看右侧面板的“设置”和“样式”选项卡。
在“设置”选项卡中，可以自定义布局选项。例如，选择“全宽”或“宽宽”以使图像跨页。然后选择固定或重复背景（固定背景可创建视差效果，重复背景适合平铺图像）。
调整图像的焦点，突出重要部分。还可以设置分辨率来控制清晰度。
转到“样式”选项卡，调整叠加透明度。默认50%，可调整以适合文章氛围，确保文字清晰可读。
最后，尝试滤镜来改变图像风格。高级设置中可添加自定义 CSS。
完成后，预览并发布文章，确保前端显示正常。
如何在 WordPress 中添加特色图像
添加特色图像很简单。打开要编辑的文章，右侧的“特色图像”元框就是起点。点击“设置特色图像”选项。
上传新图像或从媒体库选择。添加标题和替代文本（对 SEO 和屏幕阅读器很重要），然后点击“设置特色图像”按钮。
添加后，你可以自定义特色图像，但选项取决于主题。有两种方法：使用主题自定义器（适用于经典主题）或全站编辑器（FSE）。
使用主题自定义器
以 Sydney 主题为例。首先安装并激活主题，然后前往 外观 → 自定义。在自定义器中，可以调整许多视觉方面，包括特色图像设置，例如“Header”部分。完成后点击“发布”保存。
使用全站编辑器（FSE）
对于块主题，前往 外观 → 编辑器，点击右上角的“样式”图标（半圆），选择“块”，然后找到“Featured Image”块。你可以调整尺寸、边框、阴影和圆角等。预览满意后保存。
常见问题
问：我可以为封面和特色图像使用同一张图片吗？
是的，完全可以。常见做法是将某张图片设为特色图像，然后使用 Cover 块在同一篇文章顶部使用这张图片，创造一致的视觉体验。
问：封面图像上的文字很难阅读怎么办？
通常是因为文字颜色与背景对比不足。在 Cover 块设置中调整颜色叠加透明度，深色叠加配浅色文字（或反之）即可改善。
问：如果不设置特色图像会怎样？
文章在首页或归档页可能显示为空白。分享到社交媒体时，平台可能随机抓取页面中的图片或没有图片，影响互动。
问：封面图像上的文字影响 SEO 吗？
Cover 块上的文字会被 Google 索引，可以贡献 SEO。但主标题和专用标题（H2, H3）影响更大。
问：一篇文章可以有多个特色图像吗？
默认只能设置一个。但可以使用 All in One SEO 插件（超过300万网站信任）为社交媒体设置不同的图像，这样网站特色图像和社交分享图片可以不同。
专家指南：使用 WordPress 图像的技巧
- 最佳特色图像插件和工具对比
- 如何裁剪和编辑 WordPress 文章缩略图
- 如何在 WordPress 中创建额外图像尺寸
- 如何为所有主题添加英雄图像
- 图像替代文本 vs 图像标题：区别
- 如何优化图像以获得更好的性能而不损失质量
- 防止 WordPress 图像被盗的方法