【问题标题】:Develop Mobile Theme in Wordpress在 Wordpress 中开发移动主题
【发布时间】:2012-10-23 00:54:56
【问题描述】:
我制作了一个网站的 wordpress 主题。我使用 Starker Theme 进行 wordpress 主题开发。现在我想让我的网站移动友好。是否有任何解决方案可以为此目的进行少量更改或使用一些插件?我尝试过 wptouch、WordPress Mobile Pack 和 MobilePress,但它们都不起作用。我在http://mobiletest.me 上检查了我的输出,但这并没有显示准确的移动输出(输出与我的 PC 浏览器上的输出相同)。这个测试站点或插件有问题吗?这一切都让我感到困惑。
请告诉我任何其他解决方案?
提前致谢。
【问题讨论】:
标签:
wordpress
wordpress-theming
【解决方案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 检查响应式网页设计的示例(图片可点击)。