画面サイズに応じて画像の表示切り替えができるようになりました

こんにちは、「chotto」の開発と運営をしているタカフミです。

いつもchottoをご利用いただきありがとうございます。

今回のアップデートにてデバイスの画面サイズに応じて画像の表示切り替えができるようになりました。

スマートフォンに最適化したバナー画像などを切り替えて表示されたい場合にお使いいただけます。

【対象プラン】
以下のプランでご利用いただけます。

  • スタートプラン
  • ライトプラン
  • レギュラープラン

画像の切り替え方法について

PCの場合のみ表示されるようにする

テキストエディター上で画像を選択したら、メニューバーより「画像アイコン」をクリックします。

ポップアップが表示されるので「一般」画面の「クラス」より「PCの場合のみ表示」を選択して「保存」をクリックします。

テキストエディター上の「保存」をクリックして完了です。

スマホの場合のみ表示されるようにする

テキストエディター上で画像を選択して、メニューバーより「画像アイコン」をクリックします。

ポップアップが表示されるので「一般」画面の「クラス」より「スマホの場合のみ表示」を選択して「保存」をクリックします。

テキストエディター上の「保存」をクリックして完了です。

ホームページ上での見え方

上記のように設定いただくと、ホームページ上ではデバイスの画面サイズに応じて画像が切り替わって表示されるようになります。

PCの画面サイズで見た場合

スマホの画面サイズで見た場合