レスポンシブ.

Learn DrupalDrupal-woordenlijst

レスポンシブデザインとは、閲覧に使うデバイスの画面サイズや向きに応じてサイトの見た目を動的に変えるWeb開発手法です。デスクトップやノートパソコンだけでなく、モバイルデバイスに最適化されたサイト作りに欠かせない要素です。Drupalでは、閲覧デバイスのサイズに合わせてレイアウトを調整するよう設計されたテーマやモジュールを使って実現します。

レスポンシブデザインは「フルードグリッド」という考え方に基づいています。フルードグリッドは閲覧デバイスのサイズに合わせて調整されるグリッドで、デバイスに最適化された表示が可能になり、どのデバイスでも一貫したユーザー体験を保てます。また、メディアクエリというコードスニペットを使い、デバイスのサイズを検出してレイアウトを切り替えます。

Drupalでは、閲覧デバイスのサイズに合わせてサイトのレイアウトを調整するよう設計されたテーマやモジュールを使ってレスポンシブデザインを実現します。テーマでレイアウトを調整し、モジュールでモバイルデバイス向けの機能を追加できます。また、Drupalのコアコードベースには、レスポンシブサイトを作りやすくする機能が数多く含まれています。

レスポンシブデザインは、デスクトップやノートパソコンだけでなく、モバイルデバイスに最適化されたサイト作りに欠かせません。レスポンシブデザインを使えば、あらゆるデバイスに最適化でき、どのデバイスでも一貫したユーザー体験を保てます。