メインコンテンツにスキップ

ボックスを横並び・縦並びに変更する方法

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

2週間以上前に更新

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

並び方向の変更手順

ボックスの並ぶ方向を右や左などに変更したい場合は、配置メニューを使います。

1. 並ぶ方向を変えたいボックスを含むボックス(親ボックス)をクリックします。

Tips:ボックスのクリック時に全体が水色にハイライトされて編集できない場合、そのまとまりはリスト化されています。詳しくは、リスト内アイテムを縦並び / 横並びにしたいをご覧ください。

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

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

3. ボックスが任意の方向に並んだら、サイトを更新します。
この操作を行うまで、公開中のサイトには反映されません。


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

レスポンシブ 順番 並び順

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