根据访问者的屏幕大小切换plone主题
对于plone 4.2.5有没有一种非复杂的方式来设置基于访问者屏幕大小的桌面/移动版本之间的主题切换? 就像“如果小于640x480然后”服务的移动版本? 谈谈2个非重氮主题?根据访问者的屏幕大小切换plone主题
什么是皮肤切换的++皮肤++,它可以工作吗?
我对于plone并不是一个真正的程序员,所以一个“理智”的解决方案将非常感激!
我不这么认为。但是,您应该查看响应式设计和媒体查询。我怀疑你可以在一个主题中使用符合标准的CSS来实现你想要的。
看一下portal_css(通过Zope管理界面)并搜索“mobile”。在“” CSS媒体”领域,你会发现:
handheld, screen and (max-device-width: 480px)
此设置导致浏览器使用mobile.css样式表,如果他们知道(承认),他们是手持设备,或者如果媒体查询它们的屏幕宽度为480px或更少,这些都是通过完全标准的CSS完成的,您可以使用相同的原则为不同的屏幕宽度实现完全不同的页面设计。您可以自定义此样式表,或者添加您自己的媒体查询样式表。
您还可以在“Twitter Bootstrap”中看到媒体查询和响应式设计的全面和广泛使用,它提供了您可以使用各种类别选择器以不同的屏幕宽度更改设计。 Plone 4.3包含的更新版本的plone.app.theming包含引导程序示例。
请注意,如果您希望在缩小窗口大小(而不仅仅是屏幕大小)时更改设计,请使用“最大宽度”而不是“最大设备宽度”。
我真的很感谢你的回答,但重要的是我时间不多,所以现在进入学习CSS现在对我来说并不是最好的选择。切换两个主题的想法出自这个产品描述:http://plone.org/products/redturtle.subsites [请参阅“应用主题(AKA获取子网站)”部分],其中描述了使用Apache规则的可能性和在网址中的++皮肤++。所以我认为可以设置一些规则来检查屏幕/窗口大小,然后将plone中的皮肤更改为移动设备。 – 2013-04-22 11:24:09
如果存在这种解决方案,那么现在对我来说这将是正确的事情,因为我想为此使用两个特定的主题,现在我需要更多地关注将内容添加/构建到网站,而不是处理技术方面。 – 2013-04-22 11:24:56
http://plone.org/products/collective.themeswitcher/
这是一个另类的实现就可以使用。从描述:
这个插件已被设计为轻松支持新的切换器。目前唯一实现的切换器是基于http://detectmobilebrowsers.com/(python版本)的用户代理的“移动切换器”。
我真的很感谢你的回答,但问题是我时间不多,所以现在对我来说现在学习CSS并不是最好的选择。切换两个主题的想法出自这个产品描述:http://plone.org/products/redturtle.subsites [请参阅“应用主题(AKA获取子网站)”部分],其中描述了使用Apache规则的可能性和在网址中的++皮肤++。所以我认为可以设置一些规则来检查屏幕/窗口大小,然后将plone中的皮肤更改为移动设备。 – 2013-04-22 11:25:19
如果存在这种解决方案,那么现在我猜测它对我来说是正确的,因为我想为此使用两个特定的主题,现在我需要更多地关注将内容添加/构建到网站,而不是处理技术方面。 – 2013-04-22 11:25:40