移动兼容与移动分离移动版本

Question

我正在建立一个移动版和 pc 版的网站。但是我正在修复应该使用什么来做这件事。我有一些问题让我感到困惑： 1.根据用户使用的设备制作一个手机版和pc版分开的网站和渲染页面？ 2. 另一个是单一版本的网站，所有设备都兼容。这可以根据设备分辨率调整布局吗？ 3. 如果我做我在第 1 点提到的事情，我可以用 wordpress 和手机版用 jquery mobile 建立一个网站吗？ 4. 如果我使用我在第 2 点中提到的移动兼容 wordpress 模板，我可以在外面使用所有其他插件形式吗？

请帮助我。提前致谢。

Answer 1

那我该怎么办？构建两个不同的版本？？如果是，我可以 两者都使用wordpress？你知道任何插件或方法来制作两者 wordpress 中的电脑版和手机版？

这是我为实现您的目标所做的：

• 正常安装 WordPress。
• 添加Mobile Smart plugin - 或者可能是移动智能专业版。
• 为常规桌面浏览器创建主题并在 WordPress 中激活它
• 为移动浏览器创建一个完全独立的主题。您可能希望使用插件随附的示例代码；我从头开始创建自己的。
• 更改 Mobile Smart 的设置，让它知道您的手机主题
• 添加内容，尽情享受吧！

请使用 Mobile Smart 阅读文档。了解它在做什么很重要。

另外，请记住，您的两个主题是完全独立的，位于完全独立的目录中，因此您可以根据需要使用完全不同的函数。php、页眉、页脚、脚本等。

Answer 2

我同意来自https://github.com/ChristianPeters/crispy-mobile 的引用：

CSS 媒体查询很不错。但不适用于移动设备。

他们只是添加您发送给客户的代码，而不是减少移动设备的代码。

假设您想制作一个响应式产品页面。

Do you really want to deliver a big 90KB product photo, if a 15KB photo would already fill the mobile screen?
Do you really want to compute personalized product recommendations if they are just hidden afterwards?
Do you really want mobile devices to download and interpret your whole stylesheet if half of the interface elements are going to be hidden anyway?

你没有。

如果您首先开始使用移动设备，请不要让您的移动设备性能受到其他桌面功能的影响。

善良，为客户提供他们需要的服务。

如果移动互联网足够快并且限制没有他们那么低，我可能会想其他方式。但我们必须等待几年。目前我认为最好建立单独的移动网站。但响应式设计也非常有用 - 即使使用单独的移动设计也不会受到伤害。

Answer 3

这里我要避免过多的主观性，因为每个人都会有不同的意见。

1. 是的，这种方法在我的公司网站 (www.achaleon.com) 上运行良好。我参与了一个名为 Mobile Smart Pro 的 WordPress 插件的 beta 测试。它实现了一个更大的开源项目中的元素，以检测移动设备并将完全不同的主题应用于移动站点。它的优点是您可以创建两个完全独立的主题，并针对设备和使用它的环境优化它们的各个方面。如果您愿意，您甚至可以在这两个版本中提供不同的内容。
2. 此方法需要仔细规划和彻底测试。对设计师的要求也更高。我在 WP 社区中有朋友以这种方式构建网站。我的理解是，这需要更强的编程技能（您需要比标准的“静态”css 实现更仔细地计划）。他们使用 cssgrid.net 作为起点