【问题标题】:Themeing for Different Capabilities and Devices针对不同功能和设备的主题
【发布时间】:2014-01-29 22:24:04
【问题描述】:

寻求这方面的建议 - 请就哪个最好以及利弊发表您的意见。

我正在开发一个网站,该网站基本上可以满足三种类型的设备。台式机/笔记本电脑、平板电脑、手机。这是一个响应式网站,因此在这三个网站上看起来都很棒。

但是!

对于平板电脑和手机,我们将包含一些桌面版不具备的功能。将包含仅针对这些的链接,并且将有一个全新的菜单,将紧贴在网站底部。

并且!

对于手机,底部菜单中将提供更多功能(例如用于从任何页面快速呼叫的“电话”图标 - 而不是在平板电脑上)。

我们有一个 WURFL 设置,告诉我们设备功能(is_smartphone、is_tablet,两者都不是) - 只是想知道您认为实现此功能的最佳方式是什么?

a) 根据能力设置主题? b) 根据功能在 CSS 中显示/隐藏某些菜单? c) 别的东西?

【问题讨论】:

  • 我通常使用 CSS 使不同的元素在不同的屏幕尺寸上可见 - 媒体查询,即 mobile.css #main-menu {display:none} #mobile-menu {} - 样式。 css #main-menu {} #mobile-menu {display:none} header.php

标签: mobile themes wordpress-theming desktop tablet


【解决方案1】:

由于您使用的是服务器端检测,因此您可以根据创建 httpd 请求的硬件类型来提供特定的 css 和 html 集。与使用媒体查询相比,这样做的好处是您可以减少加载时间。不显示的问题是它们仍在加载且未显示。我建议使用RESS 技术。

【讨论】:

    猜你喜欢
    • 2012-02-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-16
    • 2011-02-07
    • 1970-01-01
    相关资源
    最近更新 更多