在Wordpress中开发移动主题

Question

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

请让我知道其他任何解决方案？ 提前谢谢。

Answer 1

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

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

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

Answer 2

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

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

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