Como configurar e otimizar as imagens em destaque no WordPress

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

什么是 WordPress 特色图片?

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

Como configurar e otimizar as imagens em destaque no WordPress

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

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

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

按照以下的步骤操作:

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

Como configurar e otimizar as imagens em destaque no WordPress

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

3、向下滚动到特色图像secção e, em seguida, clique em设置特色图像.

Como configurar e otimizar as imagens em destaque no WordPress

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

Como configurar e otimizar as imagens em destaque no WordPress

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

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

Como configurar e otimizar as imagens em destaque no WordPress

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

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

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

1、经典主题

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

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

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

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

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

Como configurar e otimizar as imagens em destaque no WordPress

3、打开 WordPress 仪表板并导航至设置 → 媒体。将尺寸更改为你首选的图像尺寸,然后单击“Guardar alterações".

Como configurar e otimizar as imagens em destaque no WordPress

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

  • 首先,在面板中“plug-in (componente de software)""Adicionar novo plug-in”,在搜索栏内输入reGenerate Thumbnails Advanced,按“enter”确认
  • 然后单击Instalar agoraalém dissoativar.
Como configurar e otimizar as imagens em destaque no WordPress

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

Como configurar e otimizar as imagens em destaque no WordPress

2、块主题

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

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

2,选择要修改的文件::

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

3,修改特色图像的代码::

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

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

the_post_thumbnail('custom-size');

4,更新并测试::

5,调整样式(可选)::

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

fazer uso deQuick Featured Images插件可以轻松创建默认的特色图像。

首先,在面板中“plug-in (componente de software)""Adicionar novo plug-in”,在搜索栏内输入Quick Featured Images,按“enter”确认Instalação e ativação.

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

Como configurar e otimizar as imagens em destaque no WordPress

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

Como configurar e otimizar as imagens em destaque no WordPress

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

单击第三步的“选择图像”,然后选择默认的特色图像。完成后,单击"Guardar alterações".

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

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

从仪表板转到特色图像 → 设置. Em帖子列表中的特色图像列部分中,选中cartãoresponder com cânticospágina web。然后,单击页面底部的Guardar alterações.

Como configurar e otimizar as imagens em destaque no WordPress

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

Como configurar e otimizar as imagens em destaque no WordPress

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

Temas clássicos

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

add_theme_support( 'post-thumbnails' );

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

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

<?php the_post_thumbnail(); ?>

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

Ao navegar para“外观”→“主题文件编辑器”来使用主题文件编辑器。在右侧栏找到模板文件。

Como configurar e otimizar as imagens em destaque no WordPress

使用合适的图像

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

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

Como configurar e otimizar as imagens em destaque no WordPress

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

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

Como configurar e otimizar as imagens em destaque no WordPress

chegar a um veredito

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


Contactar-nos
Não consegue ler o artigo? Contacte-nos para obter uma resposta gratuita! Ajuda gratuita para sítios pessoais e de pequenas empresas!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correio eletrónico: info@361sale.com
Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados
Publicado por photon fluctuations, retweetado com atribuição:https://www.361sale.com/pt/7560/

Como (3)
Anterior 2024年 4月 13日 pm2:12
Seguinte 2024年 4月 14日 pm2:49

Recomendado

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Contactar-nos

020-2206-9892

QQ咨询:1025174874

Correio eletrónico: info@361sale.com

Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados

Serviço ao cliente WeChat
Para facilitar o registo e o início de sessão de utilizadores globais, cancelámos a função de início de sessão por telefone. Se tiver problemas de início de sessão, contacte o serviço de apoio ao cliente para obter assistência na ligação do seu endereço de correio eletrónico.