开发WordPress网站的移动版本

时间:2012-01-10 作者:urok93

我想建立我的WordPress网站的移动版本。为了避免为本机平台开发的问题和成本,我想采用一种可以从Webkit浏览器访问的HTML/CSS/jQuery方法。主站点已经在WordPress中开发,内容可以直接从CMS中获取。

我希望移动版本可以从特定的URL(如www.mysite)获得。com/mobile或mobile。我的网站。com公司

如何将此新URL设置为指向此版本的网站?当我浏览移动网站时,这个新的URL会发生什么变化?当用户从移动设备访问站点时,默认情况下如何加载此URL?

我认为我可以像为WordPress制作一个普通主题那样开发它,而不用担心它是针对移动设备而不是桌面的,这是对的吗?

4 个回复
最合适的回答,由SO网友:Geert 整理而成

看看WordPress Mobile Pack 插件。在众多功能中,它允许您将一个(子)域映射到另一个主题。

SO网友:kevin

要构建主题本身,我建议您jQuery Mobile. 我已经在一些wordpress移动网站上使用过它,效果很好。

然后可以使用如下插件WPtap Mobile Detector 自动将移动用户重定向到您创建的移动主题。这将允许他们使用与桌面版本相同的URL导航,但要通过您在主题中设置的移动架构进行导航。

关于移动领域mobile.mysite.com 从任何设备直接转到移动版本,我还不知道如何在wordpress网站上实现这一点。

希望有帮助。

SO网友:Florante

对于检测和重定向部分,请访问www.handsetdetection。com可以帮助您创建一个无缝的规则,您可以根据需要实施该规则。

要向您展示如何简单地进行设置,您可以查看以下内容:How to Add a Site Profile in Handset Detection

我希望这有帮助。

干杯

SO网友:Noel Tock

你的问题有点矛盾。我觉得你不一定想要一个移动网站,而是一个经过移动优化或responsive 网站这意味着你不需要另一个子域或单独的目录,你的站点只需要适应设备的宽度。您的开发步骤或多或少是最少的(需要一天左右的时间)。

首先,将灵活/响应性强的网格作为CSS框架(即。1140 Grid). 其中许多已经内置了媒体查询来处理典型的设备宽度(即桌面->平板电脑->智能手机)。现在,你只需要test, test, test. 没有简单的解决方法,在每个相应的设备宽度更改(即CSS媒体查询)中,您需要决定如何更改CSS(即在智能手机用户不必要的小部件中添加“显示:无”等)。

结束

相关推荐

MobilePress无法翻译短码

几天前,我发布了我网站的移动版。看起来不错。我曾经mobilepress 同样如此。但我发现shortcodes 正在显示为简单文本。是否有其他插件可以构建高效的移动版本,包括短代码翻译