2013-04-21 26 views
0

對於plone 4.2.5有沒有一種非複雜的方式來設置基於訪問者屏幕大小的桌面/移動版本之間的主題切換? 就像「如果小於640x480然後」服務的移動版本? 談談2個非重氮主題?根據訪問者的屏幕大小切換plone主題

什麼是皮膚切換的++皮膚++,它可以工作嗎?

我對於plone並不是一個真正的程序員,所以一個「理智」的解決方案將非常感激!

回答

2

我不這麼認爲。但是,您應該查看響應式設計和媒體查詢。我懷疑你可以在一個主題中使用符合標準的CSS來實現你想要的。

+0

我真的很感謝你的回答,但問題是我時間不多,所以現在對我來說現在學習CSS並不是最好的選擇。切換兩個主題的想法出自這個產品描述:http://plone.org/products/redturtle.subsites [請參閱「應用主題(AKA獲取子網站)」部分],其中描述了使用Apache規則的可能性和在網址中的++皮膚++。所以我認爲可以設置一些規則來檢查屏幕/窗口大小,然後將plone中的皮膚更改爲移動設備。 – 2013-04-22 11:25:19

+0

如果存在這種解決方案,那麼現在我猜測它對我來說是正確的,因爲我想爲此使用兩個特定的主題,現在我需要更多地關注將內容添加/構建到網站,而不是處理技術方面。 – 2013-04-22 11:25:40

4

看一下portal_css(通過Zope管理界面)並搜索「mobile」。在「」 CSS媒體」領域,你會發現:

handheld, screen and (max-device-width: 480px) 

此設置導致瀏覽器使用mobile.css樣式表,如果他們知道(承認),他們是手持設備,或者如果媒體查詢它們的屏幕寬度爲480px或更少,這些都是通過完全標準的CSS完成的,您可以使用相同的原則爲不同的屏幕寬度實現完全不同的頁面設計。您可以自定義此樣式表,或者添加您自己的媒體查詢樣式表。

您還可以在「Twitter Bootstrap」中看到媒體查詢和響應式設計的全面和廣泛​​使用,它提供了您可以使用各種類別選擇器以不同的屏幕寬度更改設計。 Plone 4.3包含的更新版本的plone.app.theming包含引導程序示例。

請注意,如果您希望在縮小窗口大小(而不僅僅是屏幕大小)時更改設計,請使用「最大寬度」而不是「最大設備寬度」。

+0

我真的很感謝你的回答,但重要的是我時間不多,所以現在進入學習CSS現在對我來說並不是最好的選擇。切換兩個主題的想法出自這個產品描述:http://plone.org/products/redturtle.subsites [請參閱「應用主題(AKA獲取子網站)」部分],其中描述了使用Apache規則的可能性和在網址中的++皮膚++。所以我認爲可以設置一些規則來檢查屏幕/窗口大小,然後將plone中的皮膚更改爲移動設備。 – 2013-04-22 11:24:09

+0

如果存在這種解決方案,那麼現在對我來說這將是正確的事情,因爲我想爲此使用兩個特定的主題,現在我需要更多地關注將內容添加/構建到網站,而不是處理技術方面。 – 2013-04-22 11:24:56