Web 開発者として、私たちが取引するほぼすべてのクライアントは、自社の Web サイトにモバイル バージョンの Web サイトを搭載することを望んでいます。画面のサイズと解像度はますます多様化しており、世の中のすべてのデバイスと画面解像度に合わせて Web サイトをデザインすることは不可能であるか、少なくとも非現実的です。
この投稿では、まずレスポンシブ Web デザインとは何か、なぜそれが重要なのか、レスポンシブ WordPress Web サイトをブレインストーミングするときに考慮する必要があるいくつかの簡単な考慮事項を定義することから、基本レベルから始めます。
Wikipedia では RWD を次のように定義しています:
Web デザインのアプローチは、携帯電話からデスクトップ コンピューターのモニターに至るまで、さまざまなデバイスで最高の表示エクスペリエンスを提供し、最小限のサイズ変更、パン、スクロールで読みやすく操作しやすい Web サイトを作成することを目的としています。
レスポンシブ Web デザインには、CSS メディア クエリの適用と、柔軟なグリッドとレイアウトの組み合わせが含まれます。 Bootstrap、Foundation などの CSS フレームワークについて聞いたことがあると思います。これらはすべて、混合レイアウトのメディア クエリを使用して、画面サイズ、プラットフォーム、向きに基づいてページをレンダリングします。
たとえば、ブートストラップを使用する場合、次のコード行を タグ
ブートストラップでは、メディア クエリを使用してさまざまな基準 (比率、幅、表示タイプ) に基づいて CSS をカスタマイズできますが、通常は min-width と max-width に焦点を当てて、
この特定のフレームワークを使用してレスポンシブ Web デザインを構築する方法を教えることに特化した実践シリーズ全体に注目してください
これまでの説明で、レスポンシブ Web サイトの重要な特徴は、ユーザーが閲覧するときに Web サイトがあらゆる画面サイズや向きに適応できることであることがわかりました。それ以外にも、レスポンシブ Web サイトに切り替える必要がある重要な理由が他にもあります
現在、かなり多くの人が携帯電話を持っています。これは、彼らの多くが携帯電話を介してインターネットにアクセスしていることを意味します。統計によると、今日の Google 検索のほぼ 20% は携帯電話からのものであり、ユーザーが Web サイトに簡単にアクセスして操作できることがいかに重要であるかがわかります。
モバイル インターネットの使用量がデスクトップの使用量統計を上回っているため、ユーザーがどのデバイスを使用していても、メイン Web サイトの別のバージョンまたは制限されたバージョンにアクセスしていると感じることなく、当社の Web サイトを識別できるようにする必要があります。
コンバージョン率は、電子商取引 Web サイト間で最も一般的に使用される用語の 1 つで、通常の Web 訪問者を有料顧客にどの程度変換できるかを指します。電子商取引ソリューションの典型的なケースで、携帯電話で買い物をする人が何人いるかを考えてみましょう。
平均的な Web ユーザーが簡単なチェックアウトのために Web サイトのデスクトップ バージョンを使用することを強制された場合、彼らは別の方法を使用して同じ製品を購入することを選択する可能性が高くなります。適切に設計されたレスポンシブ Web サイトでは、ユーザーは Web サイトでトランザクションを実行するときに小さな画面を使用すること以外に違いに気付かないはずです。
Google などの検索エンジンは、さまざまな理由からレスポンシブ Web デザインを公然と推進しています。
WordPress でレスポンシブ Web デザインを考える前に、考慮しなければならない要素がたくさんあります。実際、WordPress は現在、ブログ、Web サイト、さらにはアプリの構築にも使用されており、そのすべてに応答性の高い実装が必要となる場合があります。
をご紹介します。
＃＃＃パフォーマンス＃＃＃ ＃＃＃コンテクスト＃＃＃徐々に強化
ご質問やコメントがございましたら、お気軽に下記に残してください。
以上がRWD: WordPress はデザイン以上のことができますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
