1. David Wu首页
  2. WordPress
  3. WordPress建站教程

如何在WordPress中添加特色图片或发布缩略图

精选图片(也称为发布缩略图)是大多数主题支持的WordPress著名功能。

它们是您博客文章的主要图像,并且通常显示在您的主页和社交媒体标题旁边。所有流行的WordPress主题都内置了对特色图片的支持。

在本文中,我们将向您展示如何轻松地在WordPress中添加特色图片或发布缩略图。

在WordPress中添加特色图片

WordPress特色图片入门指南

特色图片是WordPress主题功能。几乎所有WordPress主题都内置了对特色图片的支持,并可以在WordPress网站的不同区域精美地显示它们。

典型WordPress博客上的特色图片预览

作为人类,我们发现视觉元素比纯文本更具吸引力。精选图片可帮助您使博客页面更具吸引力。

它们还帮助您建立用户参与度并增加页面浏览量。搜索引擎和社交媒体网站也可以使用这些图像,并将其显示在搜索结果和社交媒体新闻提要中。

大多数特色图片用于博客文章,但您也可以为页面和自定义文章类型设置特色图片。

注意:特色图片与封面图片不同。在WordPress中查看封面图片与精选图片之间的区别。

话虽如此,让我们看一下如何轻松地在WordPress中添加特色图片。

在WordPress中添加帖子缩略图或特色图片

要在WordPress帖子中添加特色图片,只需编辑或创建新的博客帖子即可。

内容编辑器中,您会在右列中找到“特色图片”标签。

帖子编辑屏幕上的特色图片部分

您需要点击“设置特色图片”区域,这将弹出WordPress媒体上传器弹出窗口。

在这里,您可以从计算机上载图像,也可以使用媒体库中的现有图像。选择图像后,只需单击“设置精选图像”按钮。

设置特色图片

WordPress现在将在右列中显示特色图像的预览。但是,实际的特色图片会根据您的WordPress主题而有所不同。

现在,您可以保存或发布您的帖子并对其进行预览,以查看精选图片在您的实时网站上的显示方式。

根据主题开发人员定义的设置,您的特色图片将自动与您的帖子一起显示。

如何查找和有效使用特色图片?

现在,大多数初学者遇到的下一个大问题是在哪里可以找到用作特色图像的图像?

您不能只使用Google图片搜索并使用互联网上的任何图片。这些图像受版权法保护,未经适当许可而使用它们可能会造成法律麻烦。

幸运的是,您可以使用多种资源来查找博客文章的免费图像。

Unsplash是博主常用的免费图像资源

注意:所有这些来源均提供高分辨率图像,这意味着它们的文件大小和尺寸很大。您需要先为网络优化图片,然后再将其用作特色图片。

特色图片由您的WordPress主题处理。为了更改主题显示特色图像的方式,您需要一些基本的CSS或WordPress编码技能。

如果您喜欢编码,请继续阅读以获取更多提示。

WordPress中主题图片和帖子缩略图的主题开发人员指南

特色图片是几乎所有WordPress主题都支持的流行功能。在极少数情况下,您可能会遇到不支持特色图片的主题,或者您可能不喜欢它们如何处理特色图片。

在这种情况下,您可以为主题添加特色图像支持或更改其显示方式。

如果您舒适地编辑WordPress主题文件并了解一些自定义CSS的方法,那么您可以自己进行。

如果您的主题不支持特色图片,那么您将不会在内容编辑器中看到添加特色图片的选项。

要在WordPress主题中添加特色图片支持,您需要在主题的functions.php文件中添加以下代码行:

add_theme_support( 'post-thumbnails' );

此代码将为帖子和页面启用特色图像支持。现在,您可以转到帖子或页面阻止编辑器,然后您将看到“特色图片”选项已启用。

但是,当您设置特色图片时,它不会自动显示在WordPress主题中。要在主题中显示特色图像,您需要编辑模板并在要显示特色图像的位置添加以下代码行:

<?php the_post_thumbnail(); ?>

您添加上述代码的文件将根据您的主题而有所不同。您将需要在循环后添加代码。

相关:请参阅WordPress主题层次结构备忘单,以更好地了解主题的工作原理。

上面的代码是您需要添加特色图像支持并在主题中显示特色图像的基本功能。要为上传的特色图片设置图片大小,您需要将此代码行添加到functions.php文件中。

set_post_thumbnail_size( 50, 50);

set_post_thumbnail_size的参数按以下顺序排列:宽度,高度。

您还可以设置其他图像大小以与the_post_thumbnail()函数一起使用。例如:

// Image size for single posts
add_image_size( 'single-post-thumbnail', 590, 180 );

在此示例中,我们添加了一个新的图像大小,称为单帖缩略图,高度为590px,高度为180px。

要在主题中使用此图像大小,我们仍然需要将其添加到适当的主题文件中。

有关更多详细信息,请查看有关在WordPress中添加其他图像尺寸的指南。

如果您以前上传过精选图片,但它们仍以其他尺寸显示,那么您需要为较早的帖子重新生成缩略图和图片尺寸

以下是具有特定图像尺寸的特色图像功能的示例。

<?php the_post_thumbnail( 'single-post-thumbnail' ); ?>

这是完整功能的细分版本。特色图片还可以做很多其他事情。

有关WordPress中特色图片的常见问题解答

作为初学者,在博客上使用特色图像时,您可能会遇到问题。以下是有关精选图片的一些最常见问题。

1.为什么精选图片在我的帖子中出现两次?

有时,初学者添加精选图片,然后在帖子编辑器的内容部分中添加相同的图片。

您所要做的就是从内容区域中删除图像,并且仅使用“特色图片”元框添加特色图片。有关此主题的更多信息,请参阅有关如何修复WordPress中两次出现的特色图像的文章。

2.封面图片和特色图片有什么区别?

封面图片用于帖子或页面的内容区域。它们通常用于分隔较长页面或帖子的不同部分。

特色图片是文章的代表性图片。它确实出现在内容之前或旁边,但没有出现在实际文章中。

有关此主题的更多信息,请参阅有关WordPress中封面图像和特色图像之间区别的指南。

3.如何在最近的博客文章旁边显示特色图片?

WordPress块编辑器带有“最新帖子”块,可让您显示带有帖子缩略图的最新帖子。

您也可以使用“最近发布的帖子”窗口小部件扩展插件在侧边栏小组件中显示带有缩略图的最新发布的帖子。

4.如何提醒作者在WordPress中添加特色图片?

精选图像显眼地显示在您的主页,博客页面和其他存档页面上。

如果您或博客上的另一位作者忘记设置一个帖子并发表了该帖子,则该帖子将不带有特色图片。这将看起来很糟糕并且不一致,这不利于用户体验。

您可以安装并激活Require Featured Image插件,当任何人尝试发布没有特色图片的帖子时,该插件都会显示一条通知。

需要特色图片

我们希望本文能帮助您学习如何在WordPress中添加特色图片或发布缩略图。您可能还需要查看我们的图像SEO初学者指南,其中显示了如何为搜索引擎优化WordPress图像。

 

原创文章,作者:DavidWu,如若转载,请注明出处:https://www.davidwu.net/archives/132678

服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

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