内容管理系统 ( CMS ) 具有将视觉效果融入网站的各种功能,其中之一就是 WordPress 特色图像。当与精心编写的文本配合使用时,它们还可以显着提高内容价值。
什么是 WordPress 特色图片?
WordPress 特色图像就是展示在你的文章或页面上的主图。当你在社交媒体上分享这些内容时,这张图片通常会显示在文章的顶部和社交媒体帖子中。
![图片[1]-如何在WordPress中设置和优化特色图像-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-344.png)
如何添加 WordPress 特色图片
添加 WordPress 特色图像是一个简单的过程。只需为每个帖子或页面上传或选择图像。
如何将特色图像添加到 WordPress 页面或帖子
大多数 WordPress 主题默认启用特色图像。你还可以通过 Gutenberg block editor手动将其添加到任何帖子或页面。
按照以下的步骤操作:
1、通过导航到面板Posts → 新規追加 投稿 ,打开块编辑器。或者,选择现有的帖子或页面进入编辑。
![图片[2]-如何在WordPress中设置和优化特色图像-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-328.png)
2、右侧边栏应出现在块编辑器中。
3、向下滚动到特集画像セクションをクリックし设置特色图像.
![图片[3]-如何在WordPress中设置和优化特色图像-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-329.png)
4、将特色图像上传到 WordPress 或从媒体库中的图像中进行选择。选择特色图像后,在附件详细信息部分添加替代文本。
![图片[4]-如何在WordPress中设置和优化特色图像-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-331.png)
5、单击右下角的设置特色图像.
特色图像现已设置。它不会出现在编辑器面板上,可以在精选图像部分或帖子预览中看到它。现在可以选点击“替换图像”替换为其它图片或者使用删除特色图像从帖子或页面中清除特色图像。
![图片[5]-如何在WordPress中设置和优化特色图像-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-332.png)
如何设置 WordPress 特色图像大小
选择正确的特色图像尺寸很重要。它使您的整体页面看起来很棒,并确保帖子缩略图在其他平台上看起来不错。
虽然您可以选择您喜欢的 WordPress 特色图像尺寸,但1200 x 628 像素もしかしたら16:8.4长宽比是一个很好的起点。您可以使用较小的图像来加快加载时间,尤其是在移动设备上。
WordPress 主题的默认特色图像大小设置可能不适合您的偏好。考虑使用以下方法之一更改图像尺寸。
1、经典主题
每当您将图像上传到 WordPress 时,您都会在 WordPress 设置中找到四种默认图像尺寸:
- 缩略图(150 像素方形)
- 中(宽度和高度最大 300 像素)
- 大(最大宽度和高度 1024 像素)
- 全尺寸(原始图像)
某些 WordPress 主题使用这些默认图像尺寸之一作为特色图像。您可以按照以下步骤更改其大小:
1、通过打开带有特色图像的博客文章来检查尺寸。右键单击博客特色图像,然后选择浏览器上的检查工具。
2,参阅<img>标记中的图像类。例如,下图的特色图片尺寸是width=“480” height=“300”
![图片[6]-如何在WordPress中设置和优化特色图像-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-333.png)
3、打开 WordPress 仪表板并导航至设置 → 媒体。将尺寸更改为你首选的图像尺寸,然后单击“保存更改”.
![图片[7]-如何在WordPress中设置和优化特色图像-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-334.png)
如果重新生成图像缩略图,你可以通过安装并激活reGenerate Thumbnails Advanced WordPress 插件来完成此操作。
- 首先,在面板中“プラグイン"→"新しいプラグインの追加”,在搜索栏内输入reGenerate Thumbnails Advanced,按“enter”确认
- 然后单击今すぐインストールさらにアクティブ化.
![图片[8]-如何在WordPress中设置和优化特色图像-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-335.png)
刷新页面后,从“工具”→“重新生成缩略图”访问,然后单击插件面板上的"リ・ジェネレーション" 。它将自动调整所有现有图像的 WordPress 缩略图尺寸。
![图片[9]-如何在WordPress中设置和优化特色图像-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-336.png)
2、块主题
通过修改站点编辑器中的模板来调整 WordPress 特色图像尺寸。按照以下步骤打开模板:
1、从 WordPress 仪表板转到外观 → 主题文件编辑器。
2,选择要修改的文件::
- 在编辑器中选择你想要修改的主题。
- 通常,特色图像的代码位于
シングル.php
もしかしたらページ.php
文件中,有时也可能在functions.php
或模板部分文件如コンテンツ.php
真ん中。
3,修改特色图像的代码::
- 在对应的 PHP 文件中找到调用特色图像的代码,通常是
the_post_thumbnail()
或类似的函数。 - 你可以指定一个已经存在的图像尺寸(如
thumbnail
そしてmedium
そしてlarge
もしかしたらfull
),或者使用add_image_size()
あるfunctions.php
文件中创建一个新的图像尺寸。例如:
add_image_size('custom-size', 800, 600, true);
然后在调用 the_post_thumbnail()
函数时指定这个新尺寸:
the_post_thumbnail('custom-size').
4,更新并测试::
5,调整样式(可选)::
- 如果需要进一步调整图像的样式(如边距、框架等),可以通过 CSS 进行调整。这些样式通常在主题的
スタイル.css
文件中设置。
如何在WordPress中自动设置特色图片
使うQuick Featured Images插件可以轻松创建默认的特色图像。
首先,在面板中“プラグイン"→"新しいプラグインの追加”,在搜索栏内输入Quick Featured Images,按“enter”确认インストールとアクティベーション.
刷新页面后,从 WordPress 仪表板导航至特色图像 → 默认图像。
![图片[10]-如何在WordPress中设置和优化特色图像-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-337.png)
激活第二条规则,该规则将帖子或页面中的第一张照片指定为其特色图像。
![图片[11]-如何在WordPress中设置和优化特色图像-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-338.png)
或者,创建分配默认特色图像的自定义规则。
单击第三步的“选择图像”,然后选择默认的特色图像。完成后,单击「変更を保存.
如何对帖子和页面列表添加缩略图预览
WordPress 的管理面板可以显示帖子和页面的信息,比如作者、发布日期、分类和评论数量。如果你安装了‘快速特色图像’插件,还可以在这个列表中显示缩略图,这样一眼就能看出哪些内容已经设置了特色图像。
从仪表板转到特色图像 → 设置.で帖子列表中的特色图像列部分中,选中カード歌で応えるウェブページ。然后,单击页面底部的変更を保存します。
![图片[12]-如何在WordPress中设置和优化特色图像-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-339.png)
导航到帖子→所有帖子转到帖子列表,你会看到预览精选图像的新列,有更改、编辑和删除旧特色图像的功能。
![图片[13]-如何在WordPress中设置和优化特色图像-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-340.png)
如何启用 WordPress 特色图像
大多数 WordPress 主题都支持精选图像,并允许你将图像上传到任何帖子或页面。然而,少数可能不支持特色图像,必须手动启用它。
经典主题
通过将以下代码片段添加到主题的functions.php文件中,手动将特色图像支持添加到任何WordPress主题:
add_theme_support( 'post-thumbnails' ).
主题现在应该支持特色图像,并且设置应该在编辑器上可用。但是,添加主题支持标志仅启用支持,不会在前端显示图像。
要使主题在所有帖子和页面上显示特色图像,将以下代码片段添加到主题的模板中:
<?php the_post_thumbnail(); ?>
要在帖子和页面上显示图像,将代码添加到相应的模板中 – 通常是シングル.php歌で応えるページ.php。你也可以将 PHP 代码应用到任何自定义模板文件。
通过导航到“外观”→“主题文件编辑器”来使用主题文件编辑器。在右侧栏找到模板文件。
![图片[14]-如何在WordPress中设置和优化特色图像-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-341.png)
选择WordPress 特色图片的建议
使用合适的图像
WordPress 精选图像应正确代表内容。最佳实践之一是创建与你的博客具有相同风格的独特设计的特色图像。
如果你刚开始创建博客,从经过CC0 许可的图像网站Creative Common 可以找到合适的特色图像。也可在Pexels歌で応えるUnsplash等素材平台上查找 CC0 图像,还有wordpress照片目录,其中包含贡献者上传的数千张 CC0 图片。
![图片[15]-如何在WordPress中设置和优化特色图像-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-342.png)
优化你的特色图片
使用不同的图像压缩方法,如有损压缩和无损压缩,来优化各种格式的图片文件,包括 PNG、JPG 和 GIF。这样做可以帮助你减小文件大小,让图片更快地在网上加载,同时还能保持图片的清晰度。
以下是一些值得推荐的图像优化器插件:
![图片[16]-如何在WordPress中设置和优化特色图像-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-343.png)
はんけつをくだす
WordPress 具有内置的特色图像支持,你也可以自动设置特色图片。通过设置优化图像和添加替代文本有助于你的SEO 提升。
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/7560この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし