・はじめに

・Responsive Previewとは？
　便利なポイントをご紹介♪

・おわりに

Webデザインをするときに、今では基本となった レスポンシブデザイン （PCやスマートフォンなどに合わせた柔軟なデザイン）ですが、少し頭を悩ませる点があります。それは、「スマートフォン」や「タブレット」にたくさんの画面サイズがあることで、やはりデザインが少し崩れてしまうリスクがあることです。今回の Divi の新機能はそのリスクをグッと軽減できます。

英語ですが、公式動画を載せますね。画面イメージが多いので、どのような機能かイメージが湧きやすいと思います (^^)　
※以下の動画/画像は公式サイトより抜粋しています。

「 Responsive Preview 」とは、様々なデバイスの様々な画面サイズで、作成したWebデザインがどのように表示されるかを簡単に確認できる機能です。

言葉では少し伝わりにくいので、ぜひこちらをごらんください。

・プレビューサイズの手動調整
幅を入力することもできますし、下のようにドラッグで簡単に調整することもできます⭐︎

・iPhoneやiPad、Google PixelやGalaxyデバイスで、思い通りのデザインを実現！

人気のあるデバイスの幅をクリック一つで再現することができます♬

・デフォルト幅を一瞬でセット♬
デフォルトとするスマートフォンやタブレットのプレビュー幅の調整もボタン一つ！

今回の機能向上で、 WordPress テーマDiviがもっと使いやすくなりました。Webページ作成に興味がある方、ぜひ試してみてくださいね。 

画像出典元：Divi公式サイト