レスポンシブサイトの構築

世界の全ページビューの半分以上は、携帯電話やタブレットなどのモバイルデバイスからアクセスされています。 どのサイトも、モバイルデバイスで表示した場合に、デスクトップで表示した場合と同様に見栄えをよくする必要があります。 Liferay DXPでは、どのデバイスがサイトにアクセスしても、可能な限り最高のエクスペリエンスを提供することができます。

Liferayでは、すぐに使えるレスポンシブレイアウトを使用しています。

• DXPウィジェットやLiferayのUIフレームワークを使ったカスタムウィジェットは、画面サイズに合わせて自動的に拡大縮小されます。

  

• ナビゲーションや商品メニューのようなUI要素は、小さな画面でも使いやすいように自動的に調整されます。

  

• 画面幅が狭い場合、Liferayはすべてのコンテンツが読みやすいように列を結合します。

  

• テーマツールは、Web開発者が最適なモバイルパフォーマンスを確保するのに役立ちます。

デフォルトのテーマを使用している場合、ページはすでにモバイルデバイスに合わせて調整されています。 また、すべてが意図したとおりに表示されるかどうかを確認するツールもある。 デバイス・シミュレーター()は、異なるデバイス上でページがどのように見えるかを表示します。

tip

Liferay 7.2では、モバイルデバイスの検出時にサイトの動作を制御するモバイルデバイスルールを作成できます。 モバイル・デバイス・ルールの作成の詳細については、 モバイル・デバイス・ルールの作成 を参照してください。