在WordPress网站中,主图(Featured Image)是文章或页面的代表性图片,通常显示在文章列表、社交媒体分享或主题设计的特定位置。有时,你可能希望固定主图的尺寸或比例,以确保网站布局的统一性。本文将介绍如何设置和固定WordPress主图。
方法一:通过主题设置固定主图尺寸
检查主题选项 许多WordPress主题(如Astra、OceanWP等)支持自定义主图尺寸。进入 外观 > 自定义,查找“文章设置”或“Featured Image”选项,调整宽度和高度。
使用主题函数 如果主题支持代码修改,可以在
functions.php
文件中添加以下代码,强制裁剪主图:
add_theme_support('post-thumbnails');
set_post_thumbnail_size(800, 500, true); // 宽800px,高500px,硬裁剪
方法二:使用插件调整主图
安装插件 推荐使用 Regenerate Thumbnails 或 Simple Image Sizes,这些插件可以重新生成主图尺寸或自定义新尺寸。
设置固定比例 在插件设置中,输入目标尺寸(如1200x630),并勾选“裁剪”选项,确保所有主图按比例统一显示。
方法三:通过CSS固定主图显示样式
如果仅需前端显示一致,可在 外观 > 自定义 > 额外CSS 中添加代码:
.post-thumbnail img {
width: 100%;
height: auto;
max-height: 400px; /* 限制最大高度 */
object-fit: cover; /* 保持比例并填充容器 */
}
注意事项
- 修改主图尺寸后,建议使用 Regenerate Thumbnails 重新生成旧图片的缩略图。
- 部分主题可能覆盖自定义设置,需优先检查主题文档。
通过以上方法,你可以轻松固定WordPress主图的尺寸,提升网站美观度与一致性。