header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

Wix Studio エディタ:要素をグループ化する

3分
スマートな複数選択ツールである「グループ化」を使用して、複数の要素に対してアクションを実行しましょう。グループ化すると、関連するすべての要素を一度にドラッグして配置することができるため、デザインプロセスを大幅に効率化することができます。

新しいグループを作成する

同じを共有している場合、必要な数だけ要素をグループ化することができます。作成したグループは、すべてのブレイクポイントに適用されます。

パーツをグループ化する方法:

  1. エディタに移動します
  2. Shift」キーを押しながら該当するパーツを選択します。
  3. その他のアクション」アイコン  をクリックします。
  4. グループ」を選択します。
    ヒント:キーボードで「Ctrl + G / Cmd + G」を押してパーツをグループ化することもできます。
キャンバス上で複数の要素が選択され、それらをグループ化するためのメニューが表示されているスクリーンショット
ヒント:
上記の手順で、いつでもグループに要素を追加したり、既存のグループを 1つの大きなグループに統合することができます。

グループから要素を切り離す

必要に応じて、既存のグループから特定のパーツを切り離すことができます。パーツはサイトからは削除されませんが、グループに関連付けられなくなります。

パーツを切り離す方法:

  1. エディタに移動します
  2. エディタ左側で「レイヤー をクリックします。
  3. 切り離したいパーツを選択します。
  4. グループから切除」アイコン  をクリックします。
「レイヤー」パネルと要素のグループがハイライトされ、「ソーシャルバー」横の「グループから切除」アイコンにマウスオーバーしている様子を示したスクリーンショット

グループで単一の要素を編集する

グループから 1つのパーツを選択してデザインします。グループ全体に影響を与えることなく、移動させたり、デザインを変更することができます。
ページ上のグループをクリックし、該当する要素をクリックして変更を加えます。キーボードの「Ctrl または Cmd」キーを押しながら、要素をクリックして選択することもできます。

要素のグループ化を解除する

グループ化はいつでも解除できます。これはサイトからパーツを削除するのではなく、グループとしての関連付けのみが削除されます。
エディタで該当するグループを選択し、「グループ解除」をクリックします。キーボードの「Ctrl + Shift + G(PC の場合)」または「Cmd + Shift + G(Mac の場合)」を押してすばやくグループを解除することもできます。
キャンバス上の要素のグループで、「グループ解除」ボタンをクリックしている様子を示したスクリーンショット

「レイヤー」パネルでグループを管理する

レイヤーパネルにアクセスして、作業中のページの既存の要素のグループを表示します。
要素がグループ内にある場合は、右側に「グループ」アイコン  が表示されます。グループ内の要素をクリックすると、他の要素も選択され、青でハイライトされます:
「レイヤー」パネルで、グループが選択され、その中の要素がすべてハイライトされている様子を示したスクリーンショット
グループ内のパーツをもう一度クリックして、個別に管理します。選択したパーツは青でハイライトされます:
グループでソーシャルバーをクリックした後の「レイヤー」パネルのスクリーンショット