2025.01.20
ロカオプサイトのすべてのブロックはレスポンシブWebデザインで作られいていますが、今回新たにブロック単位での出し分けができるようになりました。
既存のサイトの各ブロックは全てデフォルトの[常に表示]表示なので何も変わっていません。
PCでの画像は横長がいいけど、モバイルだと縦長の画像と出し分けて訴求したい。単純にPCとモバイルは異なる画像を表示したい。
モバイルだけコンバージョンボタンを追加したい。
またモバイルではこの画像の場合は下にテキストを配置してより説明をしたいなど、様々な場面で表示したいものが異なる場合にブロック単位で表示を細かくできるようになりました。
特にリッチテキストブロックや画像ブロックなどで活用が促進できると思います。
PC・モバイルとわけて表示していますがデバイスで分岐ではなくブラウザの表示幅(768px)での分岐になります。
デフォルトの設定は[常に表示]となっており既存と同じ動作になります。
折りたたんだ状態でも確認することが出来ます。
やはり出し分けて表示となるとブロックによって文言は同じで画像だけ、ということも多いと思います。
出し分けてるが文言が同じで修正が発生した場合、両方のブロックを修正する必要もあります。
ただ、そこは注意が必要ですが出し分けの恩恵の方が大きいと思いますのでPCとモバイルで差分の出ない内容にしましょう(例えば料金とか)
緑のブロックは[常に表示]、青いブロックは[PC]の設定をして黄色には[モバイル]の設定をした場合です。
PCの幅では黄色の部分が非表示になっています。
小さい幅、つまりモバイルだと青いブロックは非表示になり黄色のブロックが表示されています。
上下の緑のブロックはどの幅でも表示されます。
今までスタイル(CSS)での調整や、どちらも対応する画像を作るのが難しいのではないかと判断し、よりLPなど最適化を含めたものをと考え追加しました。
上記の改善は、ロカオプ予約をご利用いただいている全てのユーザー様にご利用いただけます。
これからも、お客様の声を元に改善し続けていく、ロカオプサービスにぜひご期待ください。また、ロカオプサービスに関するお問い合わせも、お気軽にお寄せください。