修改WordPress中的特色图像大小

冬萱大大_8592

冬萱大大_8592

2023-09-15

2180人浏览

原创

特色图片是您可以添加到博客文章中的最重要的图片之一。特色图片之所以如此重要,是因为它在 wordpress 中的使用方式。

当人们偶然发现在社交媒体上分享的您网站的链接时,他们首先看到的就是特色图片和帖子标题。这意味着您的特色图片会影响人们是否会从社交媒体点击查看您的帖子。

这些图像还可以提供另一个重要功能,具体取决于您在网站上安装的主题。它们可以显示在您网站上链接到文章的所有位置。例如,假设您有一个侧边栏,显示阅读量最高的五篇文章。您将能够在侧边栏中显示您的帖子标题以及相应的特色图片。

修改WordPress中的特色图像大小

这可以使网站在视觉上更具吸引力,并可能提高这些文章的点击率。

一些主题还在文章正文中显示特色图像,大部分直接位于帖子标题下方。此处显示的特色图像变体通常具有所有图像中最大的尺寸。

为什么应该更改 WordPress 中的特色图像尺寸?

当您将图像上传到媒体库时,WordPress 会自动为其生成缩略图。目前,WordPress 默认生成四种不同尺寸的图像。

这些正确命名的尺寸是:缩略图 (150 像素)、中 (300 像素)、中大 (768 像素) 和大 (1024 像素)。

5.3 版本中添加了另外两个宽度为 1536px 和 2048px 的变体。默认情况下,无法通过 WordPress 管理仪表板访问它们。某些主题还可以定义特色图像的特定尺寸。例如,WordPress Twenty TwentyOne 主题创建一个 1568px 宽的变体,显示在帖子标题的顶部。

WordPress 将为您上传到网站的任何精选图像生成所有这些变体。

根据您使用的主题,其中一些生成的图像可能太大。例如,我帖子中的特色图片仅以 1250px 的宽度显示。然而,当我访问该帖子时,WordPress 仍然加载了 1568px 宽的图像。

修改WordPress中的特色图像大小

较大的图像意味着较大的文件大小,这对您和您的访问者来说都是资源浪费。当您仅以最大宽度 1250 像素显示特色图像时,无需生成 1568 像素宽的特色图像。

更改特色图像大小将节省存储空间,并使访问者更快地加载页面。双赢!

WordPress Security Scanner
WordPress Security Scanner

扫描 WordPress 网站的安全漏洞、配置错误和潜在威胁。

下载

更改 WordPress 中的特色图像大小

如果您不使用任何插件,WordPress 只会在设置 > Media 下向您显示三种不同的图像尺寸。它们是缩略图、中和大。如果您只想更改这三个值,则无需安装额外的插件即可实现。

修改WordPress中的特色图像大小

更改其他图像变体的尺寸将需要您更改主题文件或使用插件。我将向您展示如何使用名为 Simple Image Sizes 的插件来做到这一点。安装并激活插件后,您将看到设置 > Media 页面如下图所示。

修改WordPress中的特色图像大小

您现在可以简单地为不同的图像变体指定自己的尺寸。将宽度和高度设置为零,以防止 WordPress 生成任何该尺寸的图像。例如,我将 1536px 和 2048px 变体的宽度和高度设置为 0。

修改WordPress中的特色图像大小

指定您自己的尺寸后,您可以点击保存更改按钮。以后上传到媒体库的任何内容都将根据您设置的大小生成变体。

您现在应该做的最后一件事是重新生成旧图像的修改后的变体。只需点击重新生成缩略图,插件就会为您完成此操作。

修改WordPress中的特色图像大小

最终想法

在本教程中,我们简要讨论了 WordPress 中特色图像的几个重要方面。我希望这可以帮助您了解特色图像的用途以及如何在 WordPress 中更改特色图像的大小。

我还想提一下的是,您不应该为图像大小输入任意值。找出您网站上显示图像的最常见尺寸,然后相应地更改这些设置。

相关文章

WPS零基础入门到精通全套教程!
WPS零基础入门到精通全套教程!

全网最新最细最实用WPS零基础入门到精通全套教程!带你真正掌握WPS办公! 内含Excel基础操作、函数设计、数据透视表等

下载

相关标签:

wordpress

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
wordpress seo
wordpress seo

WordPress网站SEO优化方法有:1、选择一个SEO友好的主题,具有清晰的代码结构,快速的加载速度和响应式设计;2、使用SEO插件,优化你的标题标签,元描述,关键字,XML站点地图等;3、优化你的内容,内容是SEO优化的核心;4、优化你的网站速度;5、创建友好的URL;6、使用内部链接;7、优化图像;8、使用社交媒体;9、定期更新你的网站;10、监控和分析你的网站等等。

2023.09.18

6275

6

wordpress下载后怎么安装
wordpress下载后怎么安装

安装前准备:确保服务器满足要求、获取安装文件、创建数据库。上传 wordpress 文件。创建数据库和用户。运行安装程序:选择语言、输入数据库信息、网站标题和管理员信息。安装 wordpress。安装后配置:设置永久链接、安装主题、安装插件、创建内容。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.04.15

6379

6

WordPress插件教程
WordPress插件教程

本专题整理热门WordPress插件资源,涵盖SEO优化、缓存加速、安全防护、表单管理、电商扩展等插件推荐与使用教程。

2026.06.16

318

17

WordPress建站教程大全
WordPress建站教程大全

本专题汇总WordPress教程相关内容,包括WordPress安装教程、建站教程、使用技巧、网站管理经验和实战案例,帮助用户快速掌握WordPress建站与运营方法。

2026.06.16

800

20

WordPress开发教程
WordPress开发教程

本专题提供WordPress开发技术资料,包括主题开发、插件开发、自定义功能开发、API调用及性能优化等内容。

2026.06.16

938

25

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

2026.10.28

80

16

Vite 如何搭配 Vue.js
Vite 如何搭配 Vue.js

Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章,帮助读者完成从初始化到日常开发的配置。

2026.10.28

60

15

Vite 项目目录怎么看
Vite 项目目录怎么看

Vite项目目录专题汇集入口文件、src源码、public静态资源、路径别名、项目根目录和构建输出目录相关的已审核文章,帮助读者理解各文件夹的用途与引用方式。

2026.10.28

220

10

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

2026.10.22

140

11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
如何在 Windows 11 上安装 XAMPP
如何在 Windows 11 上安装 XAMPP

共1课时 | 229人学习

第二十三期_前端开发
第二十三期_前端开发

共98课时 | 12万人学习