メインコンテンツにスキップ
すべてのコレクションよくある質問エディタ(デザイン)
モバイル時のみ画像を変えることはできますか?
モバイル時のみ画像を変えることはできますか?
Saika avatar
対応者:Saika
2か月以上前に更新

※動画は、公開時点のStudio仕様に基づきます

ボックスの表示設定機能を使い、ブレイクポイント(基準・タブレット・モバイル)毎に異なる画像を表示できます。

1.画像変更したいボックスをコピー

画像を変えたいボックスの親ボックスを選択し、⌘+C(WindowsではCtrl + C)でコピーし、⌘+V(WindowsではCtrl + V)で貼り付けます。

2.画像を変更

画像ボックスを選択し、モバイル時に表示させたい画像に変更します。

3.ボックス表示設定で表示・非表示を設定

ボックスの表示設定機能を使い、ブレイクポイントごとにコンテンツを表示・非表示の設定をします。

モバイル時に表示する画像を選択し、エディター左上にある目のアイコンをクリック。チェックが入ると表示で、外れると非表示となるのでモバイル以外はチェックを外しモバイルの画面幅でのみ表示されるよう設定します。

次にモバイル以外で表示する画像を選択します。こちらは、モバイルのみチェックを外し、モバイルでは非表示とします。

これで完了です!

画像だけでなく、動画など他の要素でも同様に設定できます。

こちらの回答で解決しましたか?