さまざまなデバイスビューでウェブサイトを確認 – デスクトップ、タブレット、携帯電話の概要

さまざまなデバイスビューでウェブサイトを確認する

このチュートリアルでは、タブレットや携帯でウェブサイトをさまざまなデバイスビューでテストする方法を学びます。 これにより、すべてのデバイスでのデザインの見え方を直接確認できます。

デバイスビューを切り替える

右上には、さまざまなビューを切り替えるためのボタンが複数あります。 現在はデスクトップ横向きビューにいるかもしれません。 タブレット縦向きモード、タブレット横向きモード、または携帯電話でのウェブサイトの表示を試してみてください。

公開ビューと編集モード

デスクトップモニターの下にはもう一つ重要なビューがあります： ストライプのデスクトップモニター。 このボタンを使うことで、公開ビューと編集モードを切り替えることができます。

編集モードと公開ビューの違い

編集モードでは、内部でのみ利用可能なすべての編集ボタンとメニュー項目が表示されます。 公開ビューに切り替えると、これらの要素は消えます。 その後、訪問者が見るようにウェブサイトを表示します – 編集機能なしで。 その明白なサインは、ページの下部に表示されるクッキーメッセージです。

異なるデバイスでの表示を確認する

公開ビュー内でも、あなたのウェブサイトが電話やタブレットでどのように表示されるかをテストできます。 これにより、メニュー、テキスト、画像がどこでも最適に表示されることを確認できます。

再び編集モードに戻る

再度変更を加えたい場合は、単にストライプのモニターをクリックしてください。 これで編集モードに戻り、クイック編集ボタンを再度利用可能になります。

ヒント：定期的に異なるビューでウェブサイトの表示を確認し、 すべてのデバイスで完璧に見えるかを確かめましょう。