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

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

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

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

  

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

  

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

  

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

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

ヒント

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