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

STUDIOでボックスの並ぶ方向を変更する方法について解説します。ボックスの並ぶ方向は、配置メニューから編集します。

Saika avatar
対応者:Saika
一週間前以上前にアップデートされました

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

STUDIOでは、エディタにボックスを追加すると積み重なるように並びます。

ボックスの並ぶ方向を変更したい場合は配置メニューを使います。方向を変えたいボックスの親ボックスを選択すると、親ボックスの上部にメニューが表示されます。

※子ボックスがないボックスでは、このメニューは表示されません

ボックスの並び方について詳しくは、ボックスの並び方 | STUDIO U をご覧ください。

スクリーンショット:ページに画像ボックスが並ぶ様子。

設定手順

  1. 並び方を変更したいボックスの親ボックスを選択します。
    ※リストやCMSリストについては、色がついた枠をダブルクリックして編集モードに入ると操作が可能となります。

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

  2. 親ボックスの上に表示されるメニューから、矢印を選択します。
    ※子ボックスがないボックスでは、メニューは表示されません

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

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

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

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

    スクリーンショット:ブレイクポイント標準でのボックス方向を設定する様子。
    スクリーンショット:ブレイクポイントモバイルでのボックス方向を設定する様子。

上記の方法で上手くいかない場合は、エディター / ダッシュボード右下の「?」をクリックし、チャットよりサポートにお問い合わせください。

レスポンシブ 順番 並び順

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