【お知らせ】塾専用HP作成サービス
こんにちは、「chotto」の開発と運営をしているタカフミです。
いつもchottoをご利用いただきありがとうございます。
今回のアップデートにてデバイスの画面サイズに応じて画像の表示切り替えができるようになりました。
スマートフォンに最適化したバナー画像などを切り替えて表示されたい場合にお使いいただけます。
【対象プラン】
以下のプランでご利用いただけます。
- スタートプラン
- ライトプラン
- レギュラープラン
画像の切り替え方法について
PCの場合のみ表示されるようにする
テキストエディター上で画像を選択したら、メニューバーより「画像アイコン」をクリックします。
![](https://media.chotto.one/wp-content/uploads/2023/07/私達についての編集-1024x593.png)
ポップアップが表示されるので「一般」画面の「クラス」より「PCの場合のみ表示」を選択して「保存」をクリックします。
![](https://media.chotto.one/wp-content/uploads/2023/07/私達についての編集-1.png)
テキストエディター上の「保存」をクリックして完了です。
![](https://media.chotto.one/wp-content/uploads/2023/07/私達についての編集-2-1024x707.png)
スマホの場合のみ表示されるようにする
テキストエディター上で画像を選択して、メニューバーより「画像アイコン」をクリックします。
![](https://media.chotto.one/wp-content/uploads/2023/07/私達についての編集-3-1024x592.png)
ポップアップが表示されるので「一般」画面の「クラス」より「スマホの場合のみ表示」を選択して「保存」をクリックします。
![](https://media.chotto.one/wp-content/uploads/2023/07/私達についての編集-4.png)
テキストエディター上の「保存」をクリックして完了です。
![](https://media.chotto.one/wp-content/uploads/2023/07/私達についての編集-2-1024x707.png)
ホームページ上での見え方
上記のように設定いただくと、ホームページ上ではデバイスの画面サイズに応じて画像が切り替わって表示されるようになります。
![](https://media.chotto.one/wp-content/uploads/2023/07/ちょっと学習塾-2-1024x372.png)
![](https://media.chotto.one/wp-content/uploads/2023/07/ちょっと学習塾-3.png)