メインコンテンツにスキップ
すべてのコレクションチュートリアルレイアウト
デバイス毎にデザインを切り分ける、または共有する。
デバイス毎にデザインを切り分ける、または共有する。

PC、タブレット、スマホ向けに、別々にデザインを行う、或いは共有する。

Hanasaki avatar
対応者:Hanasaki
2年以上前に更新

■ ステージを共有する(デフォルト)

dpdp でページを作成すると、すべての端末向けに同一のステージを使ってデザインする形となっており、これがデフォルトの状態です。

*デフォルトの状態(ステージを共有している状態)では、設定画面は下図のようになっています。

左上の設定アイコン > 「ステージ」を選択 > 「ページ」を選択

同一のステージを使ってデザインをした場合、以下の長所と短所があります。

▼ 長所

デザイン作業が1回で済む。

▼ 短所

全てのサイズ指定が同一なので、デバイスによっては思い通りのデザインにならないことがある。

■ ステージを切り分けて、デバイス毎にデザインを分ける。

PC、タブレット、スマホ等、デバイス別にデザインを切り分けたい場合、下図のように設定を変更します。

1.右のパネルの「+」ボタンを押し、ステージを増やす。

2.その後、図のように赤い点を振り分ける。

*この作業は、各ページ毎に行う必要があります。

ステージを切り分けた場合、以下の長所と短所があります。

▼ 長所

PC、タブレット、スマホ等、デバイス毎に思い通りにデザインができる。

▼ 短所

切り分けたステージの数だけ、デザイン作業が必要になる。

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