メインコンテンツにスキップ
すべてのコレクションよくある質問エディタ(デザイン)
ボックスを横並び / 縦並びにしたいです
ボックスを横並び / 縦並びにしたいです

Studioでボックスの並ぶ方向を変更する手順と注意点について解説します。ボックスの並ぶ方向は、配置メニューで編集します。

Saika avatar
対応者:Saika
1か月以上前に更新

ボックスの並ぶ方向を変更する方法

Studioでは、エディタにボックスを追加すると積み重なるように並びます。これらボックスの並ぶ方向を右や左などに変更したい場合は、配置メニューを使います。

手順

1. ボックスをクリック

エディタ上で、並ぶ方向を変えたいボックスの1つ親の階層(親ボックス)をクリックします。

Tips:リストやCMSリストでは、色がついた枠をダブルクリックして編集モードに入ると操作が可能となります。詳しくは、リスト内アイテムを縦並び / 横並びにしたいをご覧ください。

スクリーンショット:親ボックスを選択した様子。

2. 方向メニューで変更

ボックスの上に表示される矢印のメニューから並べたい向きの矢印を選択します。

注意:方向メニューは、ボックスを内包していないボックスでは表示されません。

スクリーンショット:方向メニューを変更する様子。

ボックスは矢印の指す方向に並らぶようになります。

スクリーンショット:ボックスの配置方向が変化した様子。

Tips:ブレイクポイントごとに方向を指定することも可能です。たとえば、デスクトップ画面ではボックスを横並びに、モバイル画面では縦並びにすることができます。


この記事で解決しない疑問がある場合は、エディタ右下の「?」からチャットサポートへお問い合わせください。

レスポンシブ 順番 並び順

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