plone 4.2.5 の場合、訪問者の画面サイズに基づいてデスクトップ/モバイル バージョン間でテーマの切り替えを設定する複雑でない方法はありますか? 「640x480 未満の場合」のようなものは、モバイル版を提供しますか? たとえば、Diazo 以外の 2 つのテーマについて話しますか?
スキン切り替えの++skin++とは何ですか?
私は plone を始めたばかりで、実際にはプログラマーではないので、「正気の」解決策をいただければ幸いです。
plone 4.2.5 の場合、訪問者の画面サイズに基づいてデスクトップ/モバイル バージョン間でテーマの切り替えを設定する複雑でない方法はありますか? 「640x480 未満の場合」のようなものは、モバイル版を提供しますか? たとえば、Diazo 以外の 2 つのテーマについて話しますか?
スキン切り替えの++skin++とは何ですか?
私は plone を始めたばかりで、実際にはプログラマーではないので、「正気の」解決策をいただければ幸いです。
portal_css を (Zope Management Interface 経由で) 見て、「mobile」を検索してください。「CSS メディア」フィールドには、次の項目が表示されます。
handheld, screen and (max-device-width: 480px)
これにより、ブラウザーがハンドヘルド デバイスであることがわかっている (認めている) 場合、または画面幅が 480px 以下である場合に、ブラウザーが mobile.css スタイルシートを使用するようにするメディア クエリが設定されます。これはすべて完全に標準的な CSS によって行われ、同じ原則を使用して、さまざまな画面幅に対してまったく異なるページ デザインを実現できます。レスポンシブ デザインに関する素晴らしい本がいくつかあります (「レスポンシブ」は魔法の言葉です)。このスタイルシートをカスタマイズしたり、独自のメディア クエリ スタイル シートを追加したりできます。
また、さまざまな画面幅でデザインを変更するために使用できるあらゆる種類のクラス セレクターを提供する "Twitter Bootstrap" で、メディア クエリとレスポンシブ デザインの徹底的かつ一般的な使用法を見ることができます。ブートストラップの例は、Plone 4.3 に含まれている plone.app.theming の新しいバージョンに含まれています。
ウィンドウ サイズ (画面サイズだけでなく) を縮小したときにデザインを変更したい場合は、「max-device-width」ではなく「max-width」を使用してください。
http://plone.org/products/collective.themeswitcher/
これは、使用できる代替実装です。説明から:
このアドオンは、新しいスイッチャーを簡単にサポートできるように設計されています。現時点で実装されている唯一のスイッチャーは、http://detectmobilebrowsers.com/ (python バージョン) のユーザー エージェントに基づく「モバイル スイッチャー」です。