ボックスのグループ化
ボックスのグループ化とは、配置済みの複数のボックスを1つのまとまりとしてまとめる方法です。ボックスをグループ化することで、ボックスの配置や方向が調整しやすくなります。
複数のボックスを選択してグループ化すると、まとめるための親ボックスが追加されます。画面左側のレイヤーパネルでは、このように表示されます。
グループ化の活用例
方向や配置を設定する
複数のボックスをグループ化することで、ボックスの方向や配置の設定ができます。ヘッダー内のメニューの並ぶ方向を変えるなど、サイト全体で頻繁に活用できます。
Imgモードボックスにリンクを設定する
Studioではimgモードボックスに対してリンクの設定ができません。このようなボックスにリンクを設定したい場合、グループ化して親ボックスを追加します。追加された親ボックスにリンクを設定します。
グループ化の設定方法
1まとまりにしたいボックスを選択します。
複数のボックスを選択するには、Shiftを押しながらボックスを選択します。
右クリックメニューから[グループ化]もしくはショートカットキー⌘ + G（windowsはCtrl + G）で、選択している要素をグループ化します。
他にも、下記の方法でボックスをまとめる（グループ化）ことができます。
大きなボックスの中に別のボックスを入れる
ボックスを別の方向に並べる
グループ化の解除方法
グループ化を解除したい場合は、次の方法で解除できます。
親ボックスを選択します。
選択したまま、右クリックメニューから[グループ解除]もしくは⌘ + Shift + G（windowsはCtrl + Shift + G）を押します。
関連記事