モバイルデバイスで表示するためにWebサイトを最適化する方法

なぜあなたはそれを必要とするかもしれないのか、そしてそれがどのように機能するのか

ブロックがデスクトップでは見栄えが良くても、モバイルでは見栄えが悪い場合は、ブロックの可視性を980px以上に設定することをお勧めします。このようにして、ブロックはデスクトップ指向になり、モバイルデバイスには表示されません。

その後、ブロックをコピーし、設定を調整してモバイルで表示できるように最適化します(画像やフォントなどの変更が必要になる場合があります)。ブロックの表示設定を「0-980px」に設定します。その結果、ブロックのモバイルバージョンを取得します。

結局、PCからあなたのウェブサイトにアクセスする人はデスクトップ版を見て、モバイルユーザーはモバイル版を見るでしょう。

ブロックの可視性は、任意のブロックの[設定]パネルにあるパラメーターであり、特定の画面解像度のデバイスでブロックを表示するかどうかを調整することができます。たとえば、一部のブロックはタブレットでは見栄えがよくなく、他のブロックは携帯電話では見栄えがしません。

ご覧のとおり、モバイルではカバーが切り取られ、見栄えがよくありません。

モバイルデバイスに表示されないようにするには、カバーブロックの[設定]パネルに移動し、ブロックの表示を「>980px」に設定します。これで、モバイルユーザーには表示されなくなります。

ブロックをコピーします。

モバイル版のブロックを調整し、写真とテキストの配置を変更します。

ブロックの可視性を「≤ 980px」に設定したので、画面が980pxより広いデバイスには表示されません。

終わり！画面幅に応じて表紙の表示が変わるようになりました。