在 Wordpress 中开发移动主题

Posted 2023-02-19

【中文标题】在 Wordpress 中开发移动主题

【英文标题】：Develop Mobile Theme in Wordpress

【发布时间】：2012-10-23 00:54:56

【问题描述】：

我制作了一个网站的 wordpress 主题。我使用 Starker Theme 进行 wordpress 主题开发。现在我想让我的网站移动友好。是否有任何解决方案可以为此目的进行少量更改或使用一些插件？我尝试过 wptouch、WordPress Mobile Pack 和 MobilePress，但它们都不起作用。我在http://mobiletest.me 上检查了我的输出，但这并没有显示准​​确的移动输出（输出与我的 PC 浏览器上的输出相同）。这个测试站点或插件有问题吗？这一切都让我感到困惑。

请告诉我任何其他解决方案？ 提前致谢。

【参考方案1】：

您可能没有正确检查您的网站。确保你的 html 头标签中有这行代码：

<meta name="viewport" content="width=device-width, initial-scale=1">

没有那行代码，您的设备将显示与浏览器相同的页面。

【参考方案2】：

我是 MobileTest.me 的开发者，只是想澄清一些事情。 如您所见，mobiletest.me 使用您的 PC 浏览器引擎来呈现您要测试的网站。这是设计使然，因为它是作为测试响应式网页设计的工具而创建的。提供移动设备作为常见智能手机分辨率的指标。

如果您想要向桌面浏览器发送不同的主题，向移动设备发送不同的主题，那么您可能需要一个 wordpress 插件，例如 mobile detector。这种方法的问题在于，如果插件无法正确确定设备浏览器，它可能会将 PC 版本发送到移动设备。

另一种方法是responsive design，它根据设备的分辨率发送不同的 CSS，不依赖于浏览器检测。如果您决定采用响应式方式，您可能会发现 this post 很有用，您可以在其中查看一些关于如何使用 mobiletest.me 检查响应式网页设计的示例（图片可点击）。