如何在WordPress中设置和优化特色图像

内容管理系统 ( CMS ) 具有将视觉效果融入网站的各种功能,其中之一就是 WordPress 特色图像。当与精心编写的文本配合使用时,它们还可以显着提高内容价值。

什么是 WordPress 特色图片?

WordPress 特色图像就是展示在你的文章或页面上的主图。当你在社交媒体上分享这些内容时,这张图片通常会显示在文章的顶部和社交媒体帖子中。

如何在WordPress中设置和优化特色图像

添加 WordPress 特色图像是一个简单的过程。只需为每个帖子或页面上传或选择图像。

如何将特色图像添加到 WordPress 页面或帖子

大多数 WordPress 主题默认启用特色图像。你还可以通过 Gutenberg block editor手动将其添加到任何帖子或页面。

按照以下的步骤操作:

1、通过导航到面板Posts → Add New Posts ,打开块编辑器。或者,选择现有的帖子或页面进入编辑。

如何在WordPress中设置和优化特色图像

2、右侧边栏应出现在块编辑器中。

3、向下滚动到特色图像部分,然后单击设置特色图像

如何在WordPress中设置和优化特色图像

4、将特色图像上传到 WordPress 或从媒体库中的图像中进行选择。选择特色图像后,在附件详细信息部分添加替代文本。

如何在WordPress中设置和优化特色图像

5、单击右下角的设置特色图像

特色图像现已设置。它不会出现在编辑器面板上,可以在精选图像部分或帖子预览中看到它。现在可以选点击“替换图像”替换为其它图片或者使用删除特色图像从帖子或页面中清除特色图像。

如何在WordPress中设置和优化特色图像

选择正确的特色图像尺寸很重要。它使您的整体页面看起来很棒,并确保帖子缩略图在其他平台上看起来不错。

虽然您可以选择您喜欢的 WordPress 特色图像尺寸,但1200 x 628 像素16:8.4长宽比是一个很好的起点。您可以使用较小的图像来加快加载时间,尤其是在移动设备上。

WordPress 主题的默认特色图像大小设置可能不适合您的偏好。考虑使用以下方法之一更改图像尺寸。

1、经典主题

每当您将图像上传到 WordPress 时,您都会在 WordPress 设置中找到四种默认图像尺寸:

  • 缩略图(150 像素方形)
  • 中(宽度和高度最大 300 像素)
  • 大(最大宽度和高度 1024 像素)
  • 全尺寸(原始图像)

某些 WordPress 主题使用这些默认图像尺寸之一作为特色图像。您可以按照以下步骤更改其大小:

1、通过打开带有特色图像的博客文章来检查尺寸。右键单击博客特色图像,然后选择浏览器上的检查工具。

2、参阅<img>标记中的图像类。例如,下图的特色图片尺寸是width=“480” height=“300”

如何在WordPress中设置和优化特色图像

3、打开 WordPress 仪表板并导航至设置 → 媒体。将尺寸更改为你首选的图像尺寸,然后单击“保存更改”

如何在WordPress中设置和优化特色图像

如果重新生成图像缩略图,你可以通过安装并激活reGenerate Thumbnails Advanced WordPress 插件来完成此操作。

  • 首先,在面板中“插件添加新插件”,在搜索栏内输入reGenerate Thumbnails Advanced,按“enter”确认
  • 然后单击立即安装激活
如何在WordPress中设置和优化特色图像

刷新页面后,从“工具”→“重新生成缩略图”访问,然后单击插件面板上的“重新生成” 。它将自动调整所有现有图像的 WordPress 缩略图尺寸。

如何在WordPress中设置和优化特色图像

2、块主题

通过修改站点编辑器中的模板来调整 WordPress 特色图像尺寸。按照以下步骤打开模板:

1、从 WordPress 仪表板转到外观 → 主题文件编辑器。

2、选择要修改的文件

  • 在编辑器中选择你想要修改的主题。
  • 通常,特色图像的代码位于 single.phppage.php 文件中,有时也可能在 functions.php 或模板部分文件如 content.php 中。

3、修改特色图像的代码

  • 在对应的 PHP 文件中找到调用特色图像的代码,通常是 the_post_thumbnail() 或类似的函数。
  • 你可以指定一个已经存在的图像尺寸(如 thumbnailmediumlargefull),或者使用 add_image_size()functions.php 文件中创建一个新的图像尺寸。例如:
add_image_size('custom-size', 800, 600, true); 

然后在调用 the_post_thumbnail() 函数时指定这个新尺寸:

the_post_thumbnail('custom-size');

4、更新并测试

5、调整样式(可选)

  • 如果需要进一步调整图像的样式(如边距、框架等),可以通过 CSS 进行调整。这些样式通常在主题的 style.css 文件中设置。

使用Quick Featured Images插件可以轻松创建默认的特色图像。

首先,在面板中“插件添加新插件”,在搜索栏内输入Quick Featured Images,按“enter”确认安装并激活

刷新页面后,从 WordPress 仪表板导航至特色图像 → 默认图像。

如何在WordPress中设置和优化特色图像

激活第二条规则,该规则将帖子或页面中的第一张照片指定为其特色图像。

如何在WordPress中设置和优化特色图像

或者,创建分配默认特色图像的自定义规则。

单击第三步的“选择图像”,然后选择默认的特色图像。完成后,单击“保存更改”

如何对帖子和页面列表添加缩略图预览

WordPress 的管理面板可以显示帖子和页面的信息,比如作者、发布日期、分类和评论数量。如果你安装了‘快速特色图像’插件,还可以在这个列表中显示缩略图,这样一眼就能看出哪些内容已经设置了特色图像。

从仪表板转到特色图像 → 设置。在帖子列表中的特色图像列部分中,选中帖子页面。然后,单击页面底部的保存更改。

如何在WordPress中设置和优化特色图像

导航到帖子→所有帖子转到帖子列表,你会看到预览精选图像的新列,有更改、编辑和删除旧特色图像的功能。

如何在WordPress中设置和优化特色图像

大多数 WordPress 主题都支持精选图像,并允许你将图像上传到任何帖子或页面。然而,少数可能不支持特色图像,必须手动启用它。

经典主题

通过将以下代码片段添加到主题的functions.php文件中,手动将特色图像支持添加到任何WordPress主题:

add_theme_support( 'post-thumbnails' );

主题现在应该支持特色图像,并且设置应该在编辑器上可用。但是,添加主题支持标志仅启用支持,不会在前端显示图像。

要使主题在所有帖​​子和页面上显示特色图像,将以下代码片段添加到主题的模板中:

<?php the_post_thumbnail(); ?>

要在帖子和页面上显示图像,将代码添加到相应的模板中 – 通常是single.phppage.php。你也可以将 PHP 代码应用到任何自定义模板文件。

通过导航到“外观”→“主题文件编辑器”来使用主题文件编辑器。在右侧栏找到模板文件。

如何在WordPress中设置和优化特色图像

使用合适的图像

WordPress 精选图像应正确代表内容。最佳实践之一是创建与你的博客具有相同风格的独特设计的特色图像。

如果你刚开始创建博客,从经过CC0 许可的图像网站Creative Common 可以找到合适的特色图像。也可在PexelsUnsplash等素材平台上查找 CC0 图像,还有wordpress照片目录,其中包含贡献者上传的数千张 CC0 图片。

如何在WordPress中设置和优化特色图像

使用不同的图像压缩方法,如有损压缩和无损压缩,来优化各种格式的图片文件,包括 PNG、JPG 和 GIF。这样做可以帮助你减小文件大小,让图片更快地在网上加载,同时还能保持图片的清晰度。

以下是一些值得推荐的图像优化器插件:

如何在WordPress中设置和优化特色图像

结论

WordPress 具有内置的特色图像支持,你也可以自动设置特色图片。通过设置优化图像和添加替代文本有助于你的SEO 提升。


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/7560/

(3)
上一篇 2024年 4月 13日 下午2:12
下一篇 2024年 4月 14日 下午2:49

相关推荐

发表回复

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

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信
购买我们的托管服务器,享受免费运维!