WordPress 更改未在移动设备上显示？ 常见问题解答和修复。

为什么我的 WordPress 更改未在移动设备上显示？

如果您对 WordPress 网站进行了更改并且它们没有出现在移动设备上，那么您可以检查一些事项。

在某些情况下，出于设计原因，您的更改可能会在移动设备上隐藏。

但是，如果您确定您的更改应该出现在移动设备上，但实际上没有，您可以采取一些措施来解决问题。

确保您的 WordPress 主题具有响应性。

响应式主题将根据正在查看的设备的大小自动调整其布局。

如果您的主题没有响应，您的更改可能不会出现在移动设备上。 您可以通过在移动设备上查看您的网站来检查响应性。

还要确保您的更改不会出于设计原因而对移动设备隐藏。

要查看是否是这种情况，您可以更改 WordPress 仪表板中的“屏幕选项”选项，或者尝试在其他浏览器（如 Chrome 或 Firefox）上查看该网站，这可能会访问隐藏的选项。

插件。

如果更改出现在其他浏览器上，则可能是插件导致了问题。

如果您的主题是响应式的并且您已经检查了它的所有设置，请尝试停用所有插件，然后一次重新激活它们以检查哪个插件可能导致冲突。

您还可以创建一个具有相同主题的新 WordPress 站点，以查看更改是否仍然出现。 如果他们这样做，那么问题可能与插件有关。

如果您已尝试所有这些故障排除步骤，但您的更改仍未出现在移动设备上，请联系您的托管服务提供商或 WordPress 开发人员寻求帮助。

他们可能能够帮助确定问题的根源并加以纠正。

如何在 WordPress 上更新我的移动网站？

在 WordPress 上更新您的移动网站实际上可以是一个非常简单的过程，但是，前提是您了解 PHP 并且熟悉使用它。

如果没有，请联系您的主题开发人员并寻求他们的帮助。

但是，如果您了解 PHP，那么您需要做的就是按照以下步骤操作：

1. 登录您的 WordPress 仪表板。

2. 单击“外观”菜单，然后选择“编辑器”。

3. 在编辑器屏幕中，从右侧列表中选择“header.php”文件。

4. 编辑文件并将以下代码片段添加到文件顶部：

<?php if (is_mobile()) { ?>

<link rel=”stylesheet” href=”http://www.yourdomain.com/wp-content/mu-plugins/mobile_stylesheet.css” type=”text/css” media=”screen and (max-device-width : 480px)”/>

<?php } ?>

5. 刷新您的移动网站，或者将新链接复制到您手机的浏览器中以检查它是否按预期工作。

6. 最后，保存您的更改并使用 FTP 或您通常用来更新 Web 服务器上的文件的任何方法将它们上传到服务器。

为什么我的网站在移动设备上看起来不一样？

您的网站在移动设备上看起来不同的原因有几个，让我们尝试对其进行故障排除。

首先，重要的是要了解并非所有网站都是平等的。 网站以不同的方式设计，具有不同的内容，并在不同的设备上查看。

当您在移动设备上查看网站时，所有这些因素都会影响您所看到的内容。

您的网站也有可能无法在某些或所有移动设备上正确显示。

许多网络浏览器为其网站使用内置格式，但有时他们不会将该格式或这些功能提供给其他网站。

让我们来看看您的网站在移动设备上可能看起来不同的一些最常见原因，以及您可以采取哪些措施。

移动优化。

您知道您的网站是否有移动版本吗？ 虽然越来越多的网站正在切换到响应式布局，但并非每个网站都是平等的。 一种尺寸肯定不适合所有人。

响应式布局针对在任何屏幕尺寸上的显示进行了优化。 如果您的网站具有移动布局，它将自动显示在移动设备上以最适合该设备的屏幕尺寸（无需任何操作）。

如果您不确定您的网站是否有移动版本，请咨询您的开发人员或托管公司以查看它是否已创建。 如果还没有，那么是时候考虑响应式设计了。

并非所有浏览器都支持响应式设计。

正如我之前提到的，并非所有浏览器都支持响应式设计布局。 无论您使用哪种设备，有些都会以桌面形式显示您的网站。

这是因为浏览器试图以设计的方式显示网站，而不考虑屏幕的大小。

有几种方法可以解决这个问题：

1）使用媒体查询。

媒体查询允许您根据屏幕大小更改网站的外观。 您可以针对不同的设备，或为您的网站设置最大宽度。

为此，您需要根据您的主题了解一些 CSS 和/或 PHP。

许多主题支持论坛可以帮助您解决此类问题。 GeneratePress 就是其中之一。

相信我，如果你有这个问题，其他人以前也有这个问题。

2) 您可以使用 Google 的 Viewport Resizer – 响应式测试工具或使用 WPtouch 之类的插件。

这些将有助于改变您的网站查找移动设备的方式，而无需您进行任何编码。

3) 使用响应式主题或具有移动布局的主题。

如果您不确定您的主题是否响应，请查看开发者的网站或联系他们以查看它是否可用。

4) 移动设计指南。

您可以使用一些准则来确保您的网站在移动浏览器上正确显示，包括内容元素的大小、图像显示方式等。

这是确保您的网站对所有用户（台式机或移动设备）看起来良好且功能良好的重要一步！

官方的 WordPress 移动应用程序页面也有很多关于创建网站移动版本的提示（如果你没有的话）。

如何使我的 WordPress 网站适合移动设备？

答案又是，这取决于您的 WordPress 主题。

大多数 WordPress 主题都是开箱即用的移动设备友好型，但也有一些例外。

如果您的主题不适合移动设备，那么您将需要使用插件或对主题进行一些更改。

首先，让我们把显而易见的部分排除在外：您的 WordPress 网站应该托管在快速可靠的托管服务提供商上。

如果您的网站速度慢或反应迟钝，那么 Google 会降低您的排名。 这意味着即使您的网站在移动设备上看起来不错，也没关系。

许多 WordPress 托管服务提供商没有报告其共享托管计划的响应时间。

但是，如果您在其他地方托管您的网站，那么 Pingdom 工具插件是查看页面加载速度的好方法。

影响移动设备友好性的第二件事是图像的大小。 如果您有大而重的图像，那么 Google 将无法在移动设备上显示它们。

如果您的页面即使在快速连接上也需要很长时间才能加载，那么 Google 会降低您的排名。

解决方案很简单：使用 TinyPNG WordPress 插件。 该插件通过使用 TinyPNG 的基于云的服务优化它们来减小所有图像的大小。 该插件可压缩 JPEG、PNG 和 GIF 图像。

当您使用 TinyPNG 优化了所有图像后，您需要检查 Google 移动友好测试中的页面。

您还可以使用您的移动设备或移动模拟器来查看它在不同设备上的外观。 如果某些东西看起来不太好，那么您可以进行必要的更改。

如果您的网站仍然不适合移动设备，那么您需要为自己准备一个响应式 WordPress 主题。

响应式主题将根据正在使用的设备自动调整网站的大小和布局。

有很多响应式主题可用，但我个人最喜欢的是 Tom Usborne 的 GeneratePress 框架。

这是一个轻量级的主题，具有很多功能。 它没有您在大多数主题中找到的所有臃肿和无用的选项。 相反，它专注于使您的网站响应迅速。

这个主题最好的部分是它可以通过 WordPress 定制器完全定制。 您无需编写任何代码即可设计自己的主题。

使用免费和付费的 WordPress 插件也很容易扩展该主题。 我已经在这个站点上安装了几个插件来添加额外的功能，但是如果你不需要它，你不必安装任何东西。

如果您使用不同的主题，那么您应该查看 Google 的指南以使您的主题适合移动设备。

该指南有几个部分需要完成。 例如，如果您使用高级主题，那么它将具有您需要检查的小部件区域。

如果您的网站不适合移动设备，那么 Google 可以惩罚您的排名，甚至关闭您的整个网站。

确保您的网站在所有设备上的外观和效果都很好，这一点很重要。

WordPress 更改未在移动设备上显示。 概括。

很明显，WordPress 团队一直在努力让用户在每次更新时获得更适合移动设备的体验，而且随着时间的推移，这种体验只会越来越好。

最新更新的发布加大了力度，通过让他们快速访问您浏览次数最多的内容，让手机和平板电脑上的人们更容易浏览您的网站。

这篇博文的结论是，即使您更新了 WordPress 网站，更改也不会总是显示在移动设备上或立即显示。

确保在选择网站主题甚至网页设计时考虑所有设备非常重要，因为有许多不同的人对查看内容有许多不同的偏好。

因此，请始终为自己准备一个响应迅速且旨在与所有设备（包括移动设备）配合使用的主题，例如 GeneratePress！