WordPress图像未在移动设备上显示？ 原因，修复，常见问题解答。

您的 WordPress 图像未在移动设备上显示或失真的一些常见原因。

在这篇文章中，我们将讨论我们遇到的一些最常见的原因，即为什么您的 WordPress 图像没有显示在移动设备上或变形。

请注意，这不是一个详尽的列表，您可能应该检查其他因素，例如您当前的主题或对其的更改，以及您当前的虚拟主机提供商可能存在的虚拟主机问题等。

但是，以下是我们遇到的最常见的原因，即为什么您的 WordPress 网站图像没有显示在移动设备上，或者如果它们出现了，它们可能会被扭曲：

• 插件或主题冲突。
• 页面构建器问题。
• 缺乏主题更新。
• 使用图像优化插件。
• 移动设备上的图像与台式机上的图像看起来不同。
• WP Rocket 的问题。

WordPress 图像未在移动设备上显示。 原因和修复。

插件或主题冲突。

在许多情况下，与 WordPress 相关的大多数问题一样，这可能是插件冲突。

要检查其他插件冲突，首先，禁用您网站上运行的所有插件。 然后切换到默认的“二十”主题。

如果问题消失，请一一启用插件以确定问题的根源。 然后启用您的主题。

为了使诊断更容易，请安装插件Health Check 。

在其“疑难解答”选项卡上，您还可以单击按钮禁用所有插件并为您更改主题。 在您仍然登录的情况下，不会影响正常流量，也不会影响您网站的访问者。

页面构建器问题。

如果您在编辑页面中使用像 Elementor 这样的页面构建器，请检查您是否已上传用于移动响应的图像。

您将在设置>>响应模式中的 Elementor 底部找到它：选择移动视图。 然后拖动您要显示的图像。

您也可以使用一些 CSS 来显示它，但这不一定是最佳选择。 但是，您可以尝试一下：

将下面的 CSS 代码添加到当前活动子主题的 style.css 文件中，或者您可以在主题的定制器中添加额外的 css 选项：

@media（最大宽度：767px）{

.elementor:not(.elementor-edit-area-active) .elementor-hidden-phone {

显示：块；

}

}

如果您发现在修复移动问题后，当您将浏览器大小最小化到某个大小以上时，桌面浏览器上也会发生图像消失的情况。

然后试试这个：

转到“使用 Elementor 编辑页面”，单击部分>>高级>>响应并关闭隐藏在移动设备上的选项。 或者您可以将以下代码添加到自定义>>自定义 CSS 部分来修复它：

@media（最大宽度：767px）

.elementor:not(.elementor-edit-area-active) .elementor-hidden-phone {

显示：块！重要；

}

缺乏主题更新。

如果您碰巧使用的是旧主题或不包含更新的免费主题，则未显示在移动设备上的图像可能与您的免费主题缺少更新以及常规 WordPress 核心更新或缺少一般的定期主题更新。

因此，将您的主题切换到 WordPress “Twenty” 一些默认主题，该主题会定期更新，应该确定问题是否与主题相关。

使用图像优化插件。

如果您使用的是图像优化插件，它可能会将您的图像转换为主题无法识别或不兼容的格式。

例如，Autoptimize 插件导致了一个问题，该插件将图像转换为.webp 格式以实现快速加载和其他功能。

.webp format 快速说明： .webp 格式您也可能遇到“延迟加载”插件的问题。

如果是这些或其他图像优化插件，您可能想尝试一些其他图像优化插件，它们更兼容以加快加载时间。

移动设备上的图像与台式机上的图像看起来不同。

您的精选图片在桌面上看起来不错，但在移动设备上，图片太大了，最终超出了帖子的预览边界。 如果是这种情况，您会希望它响应更快，以便适合页面。

为此，您应该尝试这个插件，看看它是否有帮助：

短像素自适应图像。

WP Rocket 的问题。

如果您最近购买了 WP Rocket 并希望它能加快您的网站速度，但发现您的图像在移动设备上消失了，您需要在 WP Rocket 上查看此故障排除文档以获取一些潜在的快速修复：“我的网站已损坏”。

WordPress 图像未显示在移动结论上。

在大多数情况下，与 WordPress 的许多问题一样，它可能只是归结为插件和/或主题冲突。

开源很棒，因为它允许来自不断寻求为用户改进 WordPress 的富有创造力和认真的开发人员的各种贡献。

但是，由于大量的主题和插件以及它们的编码，不可避免地可能发生冲突。

但请放心，如果您知道它们是什么，插件和主题冲突通常是最容易解决的。 通过使用上面的插件Health Check ，您几乎可以很快找到任何冲突。

如果无法找到问题的根源，那么列出的其他常见原因可能是导致您的 WordPress 图像未显示在移动设备上或失真的原因。

如果一切都失败了，那么您应该联系您的 WordPress 主题的开发人员或他们的支持人员，以从他们的角度缩小问题的范围。