株式会社ロカオプ

0120-439-156

上記電話番号をタップすると発信します。お電話の際、「ホームページを見た」とお伝え下さい。

閉じる

お知らせ

  • HOME
  • お知らせ
  • 機能リリース
  • 【ロカオプサイト】ブロック単位でPC幅とモバイル幅で表示の分岐設定ができるようになりました

2025.01.20

【ロカオプサイト】ブロック単位でPC幅とモバイル幅で表示の分岐設定ができるようになりました

ロカオプサイトのすべてのブロックはレスポンシブWebデザインで作られいていますが、今回新たにブロック単位での出し分けができるようになりました。

既存のサイトの各ブロックは全てデフォルトの[常に表示]表示なので何も変わっていません。

活用例

PCでの画像は横長がいいけど、モバイルだと縦長の画像と出し分けて訴求したい。単純にPCとモバイルは異なる画像を表示したい。
モバイルだけコンバージョンボタンを追加したい。
またモバイルではこの画像の場合は下にテキストを配置してより説明をしたいなど、様々な場面で表示したいものが異なる場合にブロック単位で表示を細かくできるようになりました。

特にリッチテキストブロックや画像ブロックなどで活用が促進できると思います。

使い方

すべてのブロックに対応

PC・モバイルとわけて表示していますがデバイスで分岐ではなくブラウザの表示幅(768px)での分岐になります。
デフォルトの設定は[常に表示]となっており既存と同じ動作になります。

折りたたんだ状態でも確認することが出来ます。

重複コンテンツの場合のメンテナンスは少しご注意を

やはり出し分けて表示となるとブロックによって文言は同じで画像だけ、ということも多いと思います。
出し分けてるが文言が同じで修正が発生した場合、両方のブロックを修正する必要もあります。

ただ、そこは注意が必要ですが出し分けの恩恵の方が大きいと思いますのでPCとモバイルで差分の出ない内容にしましょう(例えば料金とか)

実際の例をご紹介

緑のブロックは[常に表示]、青いブロックは[PC]の設定をして黄色には[モバイル]の設定をした場合です。
PCの幅では黄色の部分が非表示になっています。

小さい幅、つまりモバイルだと青いブロックは非表示になり黄色のブロックが表示されています。
上下の緑のブロックはどの幅でも表示されます。

この機能の開発の背景

今までスタイル(CSS)での調整や、どちらも対応する画像を作るのが難しいのではないかと判断し、よりLPなど最適化を含めたものをと考え追加しました。

 


上記の改善は、ロカオプ予約をご利用いただいている全てのユーザー様にご利用いただけます。

これからも、お客様の声を元に改善し続けていく、ロカオプサービスにぜひご期待ください。また、ロカオプサービスに関するお問い合わせも、お気軽にお寄せください。

← 一覧に戻る

Googleマップ上位表示だけじゃない 店舗集客対策の決定版!

ページTOPへ

資料ダウンロード

無料相談