WordPress特色图片不显示?原因+7个解决方案

2,779 阅读15分钟

WordPress特色图片不显示。原因+7个解决方案

WordPress的特色图片作为你的WordPress文章或页面的缩略图出现。它的目的是为了吸引注意力,并提供内容的偷窥。有一个代表你的帖子的特色图片也为你的WordPress网站增加了视觉兴趣,有利于你的搜索引擎优化工作。

特色图片不应该被误认为是你的博客文章的第一张图片。因为它的目的是推销你的内容,所以特色图片一般在你的博客文章列表或档案页以及你在社交媒体上分享你的WordPress文章时可见。

这篇文章将解决WordPress特色图片不能正常显示的问题。我们将提供七个解决方案来解决这个错误,以及在WordPress文章上自动显示的方法。

开始免费的7天WordPress电子邮件课程

为什么我的特色图片没有在WordPress中显示出来?

下面是一些最常见的原因,为什么你的特色图片没有出现在WordPress中。

  • WordPress的内存限制引起的HTTP错误。
  • WordPress主题或插件冲突。
  • 一个懒惰的加载插件阻止了特色图片的显示。
  • 你的活动主题不支持特色图片功能。
  • 查看特色图片的权限被封锁了。
  • 在你的仪表板设置中,特色图片功能被禁用。
  • 在页面模板中的位置不正确。

在某些情况下,浏览器开发工具可以检测出问题的原因,特别是当它是一个JavaScript错误或一个插件冲突时。如果你使用的是Chrome浏览器,我们建议查看我们关于使用浏览器的开发者工具检查元素的文章。

如何解决WordPress特色图片不显示的问题。7种解决方案

根据错误的原因,有不同的方法来解决WordPress特色图片不显示的问题。我们推荐这七种可能的解决方案--看看哪一种对你的WordPress网站有效。

1.修复上传特色图片时的HTTP错误

如果你在向WordPress上传特色图片时遇到了HTTP错误,有两个可能的原因。

首先,你可能已经超过了PHP的内存限制,使你的WordPress网站无法运行所需的脚本来显示特色图片。由于默认的内存限制只有32MB,增加它可以解决这个问题。

第二种可能性是特色图片超过了最大上传限制。你的主机提供商一般会设置这个值,所以它可能有所不同。如果它还没有被设置为最大上传量,这可能是阻止你上传图片的原因。

增加WordPress的内存限制

这个方法需要修改你的**.htaccesswp-config.php**文件。两者都可以通过FTP客户端或文件管理器访问。

如果你选择修改.htaccess 文件,在底部添加这个代码段。

php_value memory_limit 256M

否则,在你的根目录中找到wp-config.php文件。找到包含WP_MEMORY_LIMIT的那一行,将其数值改为256M。如果该行不存在,请在上面插入以下代码**/* 就这样,停止编辑吧!快乐的出版。*//* 这就是全部,停止编辑!Happy blogging.*/**:

define ( ‘WP_MEMORY_LIMIT’, ‘256M’ );

Increase the memory limit in wp-config.php via hPanel File Manager

Hostinger用户可以通过hPanel改变PHP内存限制。下面是如何做到这一点。

  1. 从你的hPanel仪表板导航到高级 ->PHP配置
  2. 打开PHP选项卡

The PHP options tab in the PHP configuration in hPanel

  1. 向下滚动直到看到memoryLimit 的设置。点击下拉菜单,选择最高值。

Increasing the memory limit via hPanel PHP Configuration settings

  1. 点击保存

修改PHP的最大上传量

要改变PHP的最大上传尺寸,添加以下代码片段到你的**.htaccess**文件的底部。

php_value upload_max_filesize 256M 
php_value post_max_size 256M

Hostinger用户可以通过hPanel仪表板的PHP配置菜单来完成。打开PHP选项卡,为uploadMaxFilesizepostMaxSize领域选择最高值。不要忘记保存更改。

Increasing the maximum upload size via PHP Configuration settings in the hPanel dashboard

Increasing the maximum post size via PHP Configuration settings in the hPanel dashboard

2.修复干扰特色图片的插件或主题

大多数WordPress主题有不同的特色图片设置。有些WordPress主题需要网站管理员手动设置,而有些则自动显示你的特色图片。我们建议检查你的WordPress主题设置或联系你的主题支持以获得帮助。

至于插件,过时的代码是导致插件冲突的最常见原因。能够访问你的媒体库的插件也可以阻止特色图片的正常显示。

首先,尝试更新你的所有插件。如果这能解决这个问题,一个过时的插件就最有可能是罪魁祸首。否则,停用所有的插件,然后一个一个地重新激活它们。

每次重新激活后,检查问题是否持续存在。如果有的话,从你的WordPress网站删除任何有问题的插件。

Health Check & Troubleshooting plugin banner

如果你的特色图片仍然不能正确显示,我们建议安装健康检查插件。这个免费的插件可以检测到主题和插件中的常见配置错误和已知问题,并进行故障排除以创建一个干净的WordPress会话。

3.禁用懒惰加载

懒惰加载是一个有助于提高网站性能、提升移动体验和优化最大的内容刷分的功能。然而,一些具有这种功能的插件将特色图片与您网站上的任何其他图片一样对待,阻止它们被显示。

解决这个问题的第一步是检查你的WordPress网站是否有配备懒加载功能的插件。密切注意直接的懒惰加载插件、图像优化工具和网站优化插件,因为它们一般都带有这种功能。

A breakdown of the lazy loading feature on the official page of Jetpack

关闭这些插件的懒惰加载功能后,清除缓存,看看是否能解决特色图片的问题。

如果你需要保留这个功能,我们建议对文章的第一张图片禁用懒惰加载功能。一些插件提供了从该功能中排除某些图片的选项,使你可以从它们的其他功能中受益而不影响你的特色图片。查看插件的文档或联系其支持团队寻求帮助。

4.配置WordPress仪表板设置

不正确的WordPress仪表盘设置会导致特色图片不显示在你的文章和页面列表以及WordPress编辑器中。好消息是,这两种情况都有一个简单的解决办法。

导航到你的WordPress仪表盘,点击屏幕选项。勾选特色图片选项,在你的文章和页面列表中显示特色图片栏。

Locating the Featured Image option in the WordPress Screen Options menu.

特色图片标签现在应该出现在你的内容编辑器中。点击设置特色图片按钮,从媒体库中选择想要的图片。

The featured image section where users can set one up for the post

如果 "屏幕选项"中没有 "特色图片 "选项,您当前的主题可能不支持特色图片功能。最好是联系你的主题开发者寻求帮助,或者参考下面的步骤7来手动解决这个问题。

5.允许查看特色图片

WordPress提供了六个默认的用户角色来管理用户在网站内的访问和操作。你可能没有所需的用户角色来查看或上传特色图片,导致这个问题。

大量的用户角色插件允许你改变默认用户角色的能力。下面是使用用户角色编辑器插件授予特定用户角色查看和上传特色图片权限的步骤。

  1. 安装并激活该插件。
  2. 从你的WordPress仪表板进入用户 ->用户角色编辑器
  3. 从下拉菜单中选择你想修改的用户角色。在本教程中,我们将改变作者的 权限。

Changing the Author user role's capabilities using the User Role Editor plugin

  1. 勾选upload_files选项并点击更新。分配到这个角色的WordPress用户现在可以访问媒体库,能够在你的网站上上传和设置特色图片。

Adding the ability to upload files to a certain user role using the User Role Editor plugin

你也可以使用该插件来创建新的自定义角色,其权限由你选择。

6.修复特色图片不显示在博客文章库页面的问题

许多博客在博文库页面的每篇文章旁边都有一张特色图片,以吸引访问者的注意。最近的博客文章列表是使用Gutenberg编辑器提供的最新文章块制作的,放在指定的主页内。

An example of what the Latest Posts block can look like

下面的步骤将告诉你如何在WordPress中设置一个显示文章缩略图的主页显示。

  1. 首先,你需要创建你想指定为主页的博客页面。从你的WordPress仪表板进入页面 ->添加新的
  2. 在添加完页面标题后,将最新文章块放在页面的任何地方。如果你在这个过程中需要帮助,请查看我们关于使用WordPress块的文章。

Adding a Latest Posts block to a WordPress page

  1. 打开 ""标签,启用 "显示特色图片"选项。根据需要,自由调整其他设置,如特色图片的大小、排列和帖子元设置。一旦你完成了,点击发布

Enabling the Display featured image option in a page

  1. 回到仪表板,然后导航到设置 ->阅读。设置你的主页显示静态页面。点击主页 下拉菜单,选择你之前创建的页面。选择 "保存更改"。

Setting a page with the Latest Posts block as a homepage

  1. 一旦你完成了上面的步骤,你就可以开始了。下面是一个新主页的例子,其中有最近的博客文章列表和它们各自的特色图片。在这个例子中,我们将文章内容设置为包含摘录文章日期,并将图片大小改为缩略图 ,并向左对齐

Adding additional information on the featured posts in the Latest Posts block

专业提示

启用显示特色图片 选项会提示WordPress从最新的帖子中检索特色图片。如果你没有给相关的文章指定一个特色图片,或者没有设置一个默认的特色图片,那么就会出现一个空白的空间。

7.编辑你的主题的 functions.php 文件

如果你仍然不能在内容编辑器中看到特色图片元框或正确显示帖子缩略图,你目前的主题很可能不支持特色图片。

在某些情况下,启用特色图片功能的代码可能丢失。你可以通过FTP客户端或文件管理器将以下代码添加到你的主题的functions.php文件的底部来解决这个问题。

add_theme_support('post-thumbnails', array(
'post',
'page',
'custom-post-type-name',
));

重新加载你的管理面板并清除网站缓存,看看在编辑文章或页面时是否出现特色图片部分。

如何修复重复的WordPress特色图片

WordPress初学者最常犯的错误之一是用一张图片作为特色图片和封面图片。这导致重复的图片在存档页面上相互堆叠,导致视觉体验不佳。

An example of the duplicate featured image error in WordPress.

打开帖子或页面编辑器,找到帖子 标签下的特色图片部分。如果它显示的图像与你的内容的第一张图像相同,这就是导致问题的原因。

Checking whether the picture assigned as the featured image is identical to the first image of the post

解决这个问题的办法是删除帖子缩略图或内容中的图像块。虽然你可以上传一个新的文件来替换这两张相同的图片中的一张,但同时显示每个帖子的缩略图和封面图片会使你的帖子列表不堪重负,损害了用户体验。

如何修复WordPress特色图片没有显示出正确尺寸的问题

在弄清楚如何在WordPress中正确设置特色图片之后,下一步就是确保它看起来是正确的。一些影响特色图片外观的最常见的问题通常涉及不正确的尺寸和使用未经优化的照片。

挑选合适的图片作为特色图片

在修补尺寸之前,最好确保所选图片能代表你的博客页面。在挑选照片作为特色图片时要考虑的一些因素包括。

  • 尺寸-- WordPress网站的理想特色图片尺寸是1200×628像素。
  • 照片方向--宽度大于高度的照片作为特色图片效果更好。
  • 相关性--特色图片必须与它所代表的文章或页面相关。
  • 真实性-- 所选择的图片应该有说服力,并且可以自由使用。

如何改变WordPress中的默认图片尺寸

WordPress自动为上传到媒体库的每张图片创建缩略图、中等尺寸和大尺寸的副本。虽然这种图片大小的方法简化了向页面或文章添加视觉效果所需的过程,但这种尺寸并不总是适用于特色图片。

幸运的是,你可以手动编辑默认的图片尺寸。一些WordPress主题有自己的图片尺寸,所以我们建议先检查你的主题设置。如果没有,请按照以下步骤通过WordPress设置修改图片尺寸。

  1. 从你的WordPress仪表板进入设置 ->媒体
  2. 缩略图尺寸字段中为你的特色图片输入新的尺寸。

Changing the WordPress thumbnail dimensions

  1. 选择 "保存更改"。

专业提示

查看我们关于WordPress图片尺寸的文章,以创建新的自定义图片尺寸,或使用插件来实现这些变化。

如何使你的特色图片符合搜索引擎的要求

你的网站的所有视觉效果,包括特色图片,都有助于你的网站性能、用户体验和整体SEO工作。因此,优化它们是至关重要的。通过使特色图片更容易被抓取,你将能够在搜索引擎结果页面(SERPs)上获得更高的排名。

有几种方法可以优化WordPress图片。

  • 压缩大文件,使其加载更快。
  • 使用上面解释的方法调整图像尺寸。
  • 通过内容交付网络提供图像。
  • 从你的WordPress媒体库中删除未使用的图片。
  • 优化你的图片的alt文本。

请阅读我们关于优化WordPress图片的详细文章,在那里我们对每种方法进行了分解。它还介绍了一些最好的WordPress图片优化插件。

如何确保特色图片总是显示在WordPress上

由于它们是你的页面和文章的脸面,你必须确保你的特色图片能够正常工作,并且是高质量的。这就是说,你可能会忘记设置特色图片。

为你的WordPress网站设置一个默认的特色图片将有助于避免在你的页面或文章上出现尴尬的空白,如果你没有设置一个特色图片。下面是如何指定一个默认的特色图片。

  1. 安装并激活 "默认特色图片"插件。
  2. 在你的WordPress仪表板上导航到设置 ->媒体
  3. 点击 "选择默认特色图片"按钮,挑选你想要的图片。

The default featured image option enabled after installing the plugin

  1. 一旦你完成了,选择保存更改

在WordPress目录中,有很多默认的特色图片插件。它们允许你将你的内容片的第一张图片指定为特色图片,或通过URL添加外部图片。请自由使用符合你需求的插件。

结论

特色图片是一个有用的WordPress功能,它为你的WordPress网站增加了视觉价值,并吸引了访问者。在你的网站首页和社交媒体上发布缩略图,将有助于推动流量和促进你的SEO工作。因此,你的主图像必须正常工作。

我们已经介绍了导致主图不显示的最常见原因,并讨论了解决这个问题的七个方案。你还学会了如何显示正确大小的特色图片,并自动在你的网站上出现。

我们希望这篇文章能帮助你更好地理解这个WordPress问题,并克服它。祝您好运!