コンポーネント グループを作成する

コンポーネント グループによって関連するコンポーネントをグループ化できるため、ページが読みやすくなってエンド ユーザーにも理解しやすくなります。

コンポーネント グループを作成する

コンポーネント作成画面から、新しいコンポーネントとコンポーネント グループを同時に作成できるようになります。

1. 左側のサイドバーから [コンポーネント] に移動します。
2. [コンポーネントの追加] をクリックします。
3. [コンポーネント] グループにあるドロップダウン メニューをクリックします。
4. [Create new component group (新規コンポーネント グループの作成)] を選択します。
5. コンポーネント グループ名を入力します。
6. 新しいコンポーネントの詳細の入力を完了します。
7. [Save component (コンポーネントの保存)] をクリックします。

新しいコンポーネントとコンポーネント グループが作成されます。

新しいコンポーネントをグループに追加する

1. 左側のサイドバーから [コンポーネント] に移動します。
2. [コンポーネントの追加] をクリックします。
3. ドロップダウン メニューから、コンポーネントに関連付けるグループを選択します。
4. [Save component (コンポーネントの保存)] をクリックします。

既存のコンポーネントをグループに追加する

1. 左側のサイドバーから [コンポーネント] に移動します。
2. グループに追加するコンポーネントの横にある [編集] をクリックします。
3. ドロップダウン メニューから、コンポーネントを関連付けるグループを選択するか新しいグループを作成します。
4. [Save component (コンポーネントの保存)] をクリックします。

グループ内の子コンポーネントを並べ替える

1. 左側のサイドバーから [コンポーネント] に移動します。
2. 子を並べ替えるコンポーネント グループの横にある [編集] を選択します。
3. [Reorder children (子の並べ替え)] タブを選択します。
4. 並べ替える子コンポーネントの右側にある 6 つのドット アイコンをドラッグして、目的の順番に配置します。変更は自動で保存されます。