Editor X:パーツをグループ化する
読了時間:5分
Editor X は、代理店とフリーランサー向けの新しいプラットフォームである Wix Studio に移行します。Wix Studio について
複数選択ツールであるグループ化を使用して、複数のパーツに対してアクションを実行します。グループ化することで、ドラッグ、サイズ変更、アレンジ、配置、関連するすべてのパーツへのアニメーションの追加などができるため、デザインプロセスを大幅に高速化できます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2020/10/22/74989eb1-7709-4099-936f-e0030a8643c5/06ff8b6e-988d-4b92-ae99-cba44ae7350b.gif)
下記をご確認ください:
新しいグループを作成する
パーツをグループ化する方法:
- 「Shift」キーを押しながら該当するパーツを選択します。
- 「グループ」をクリックします。
ヒント:キーボードで「Ctrl + G / Cmd + G」を押してパーツをグループ化することもできます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2020/10/22/5821da36-a6f4-4b0b-bd50-b764a95b9627/0e32c958-2aa2-4b07-98b3-a901ae4d1047.png)
グループ化とスタックの違い:
- スタックは、すべての画面サイズでパーツが縦の順序で表示されるようにしますが、グループ化は複数のパーツに対してアクションを実行できる編集ツールです。
- すでにグループ化されているパーツをスタックすると、自動的にグループ化が解除され、透明なコンテナが作成されるため、重なり合うことはありません。
グループにパーツを追加する
グループにはいつでもパーツを追加したり、不要なパーツを削除したりできます。別のオプションは、既存のグループを 1つの大きなグループに統合することです。
グループにパーツを追加する方法:
- 「Shift」キーを押しながら、グループと追加するパーツ / グループを選択します。
- 「グループ」をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2020/10/22/95632dc9-0234-444a-9f26-22c88414867b/5f6f2d34-10da-4dd7-ac58-c54378c677cf.gif)
グループからパーツを切り離す
必要に応じて、既存のグループから特定のパーツを切り離すことができます。パーツはサイトからは削除されませんが、グループに関連付けられなくなります。
パーツを切り離す方法:
- エディタ左上で「レイヤー」アイコン
をクリックします。
- 切り離したいパーツを選択します。
- 「グループから切除」アイコン
をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2020/11/02/1f7d80b4-45c8-41fb-a04a-8adfb7de6d9c/769e2f63-6fd4-4b93-964b-e0f7e40ab261.gif)
ヒント:
該当するパーツを右クリックし、「グループから切除」を選択することもできます。
グループで単一のパーツを編集する
グループから 1つのパーツを選択してデザインします。グループ全体に影響を与えることなく、移動させたり、デザインを変更することができます。
ページ内の該当するパーツをクリックし、もう一度クリックして変更を加えます:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2020/10/22/ebeddce2-76e7-4873-9094-8ba44a049f6d/4f905fba-4514-4f6d-af8a-4f81e9dd9517.gif)
ヒント:
次の方法で単一のパーツを編集することもできます:
- キーボードの「Ctrl / Cmd」キーを押しながら、パーツをクリックして選択します。
- レイヤーパネル
を開き、パーツを選択してもう一度クリックします。
パーツのグループ化を解除する
グループ化はいつでも解除できます。これはサイトからパーツを削除するのではなく、グループとしての関連付けのみが削除されます。
グループ化を解除する方法:
- エディタでグループを選択します。
- 「グループ解除」をクリックします。
ヒント:キーボードで「Ctrl + Shift + G (PC の場合) / Cmd + Shift + G (Mac の場合)」を押してグループを解除することもできます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2020/10/22/59e08f91-5d14-425d-b7f1-792c3d6e8473/2cc28d1d-4168-4578-bea3-065be24e2a7b.png)
レイヤーパネルでグループを管理する
エディタ左上でレイヤーパネル
にアクセスし、ページのグループを表示します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2020/10/19/ad52cc90-d4e2-439a-9f81-fe757515e93b/afaa8688-236c-49c4-b813-bd8ce4989ffa.jpg)
パーツがグループ内にある場合は、右側に「グループ」アイコン
が表示されます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2020/10/22/e4e886ab-3d10-43f4-a3ad-028c0058db64/ef2736d3-1f4e-4bc4-8266-f7b3a19031f0.png)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2020/10/22/a1949c3c-cec5-49fd-af51-adf13cc69013/5d0b2bc8-5c8e-4bb7-8b64-f83f69875437.png)
グループ内のパーツをクリックすると、他のパーツも選択され、青でハイライトされます:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2020/10/22/fb6bd59d-6d21-434b-b0a0-52c9a5e5c191/b62026b7-cbf8-459b-a597-511d3b14c3ef.png)
グループ内のパーツをもう一度クリックして、個別に管理します。選択したパーツは青でハイライトされます:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2020/11/02/3515f9ba-9fe8-45e7-8639-95f3bb23077c/a3cfdc71-6cb1-4844-a17a-93c520eb5d4b.png)
お役に立ちましたか?
|