Wix エディタ:パーツを操作する
読了時間:5分
ページにパーツを追加したら、パーツを調整および管理して、サイト全体でバランスの取れたコンテンツを作成しましょう。サイズ、位置、角度を選択し、パーツやデザインをコピーして効率的に作業することができます。
この記事では、次の項目について説明します:
パーツを移動させる
パーツの位置を変更して、ページコンテンツの残りの部分に合わせます。ドラッグアンドドロップを使用して単一のパーツを自由に移動させたり、ドラッグハンドルを使用して、複数の整列したパーツを縦に移動させたりできます。
エディタで単一のパーツを移動させる方法:
- エディタで該当するパーツを選択します。
- パーツをクリックしてドラッグします。
- 希望の位置でパーツをドロップします。
![Wix エディタでテキストパーツがドラッグ&ドロップされていることを示す GIF。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/23/7880732e-b19b-49be-af59-7141b4171db2/88f54478-4b69-4325-a7b6-bad75604330c.gif)
複数のパーツを移動させる方法:
- 該当するパーツをすべて配置します。
- これらのパーツの上部にあるパーツをクリックします。
- ドラッグハンドル をクリック&ドラッグします。
- パーツグループを希望の位置に移動させます。
![ドラッグハンドルで複数のパーツが移動している様子を示す GIF。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/23/71f114fd-91b0-4fcf-b7ef-ba83f57ed4cd/6eb024f5-373c-47ce-b1ac-ebc357ba5cda.gif)
ご存知でしたか?
エディタツールバーを使用して、パーツをより正確に配置することができます。エディタツールバーでパーツを再配置する方法はこちら
パーツをコピー&ペーストする
1つまたは複数のパーツをコピー&ペーストして、コンテンツをすばやく作成します。あるページ / セクションからパーツをコピーし、別のセクションに貼り付けることで、サイトのデザインの一貫性を保つことができます。
単一のパーツをコピー&ペーストする方法:
- エディタで該当するパーツを右クリックします。
- 「コピー」をクリックします。
- サイト内の新しいページまたはセクションに移動します。
- 希望の場所で右クリックします。
- 「ペースト」をクリックします。
![パーツの右クリックメニュー。カーソルがパーツをコピーするオプションにマウスオーバーしています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/08/31/4a9f95cc-ca1b-45f8-b298-226ebacf4768/305dc808-7783-41c7-b199-50ffa1a47fac.png)
複数のパーツをコピー&ペーストする方法:
- エディタ内で該当するパーツをクリック&ドラッグします。
- 「グループを作成」をクリックします。
- グループを右クリックし、「コピー」をクリックします。
- サイト内の新しいページまたはセクションに移動します。
- 希望の場所で右クリックします。
- 「ペースト」をクリックします。
![パーツグループの右クリックメニュー。カーソルがパーツグループをコピーするオプションにマウスオーバーしています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/08/31/4f46deb5-adce-449d-96c5-5e46a9dc2746/e16071df-fac7-4c85-bd71-f1a78f340661.png)
備考:
- キーボードショートカット「Ctrl+C」を使用してパーツをコピーしたり、「Ctrl+V」を使用してパーツを貼り付けたりすることもできます(Mac の場合は「Cmd+C」および「Cmd+V」)。
- アカウント内でパーツをコピーして別のサイトに貼り付けることができます。
- すべてのパーツを選択できない場合は、まず 1つのパーツをクリックしてから、マウスをクリックしてドラッグしてください。
パーツのサイズを変更する
パーツのストレッチハンドルを使用して、パーツを好きなだけ大きくしたり小さくしたりします。パーツのサイズを変更すると、ページまたはセクションのサイズがパーツに合わせて自動的に調整される場合があります。
パーツのサイズを変更する方法:
- エディタで該当するパーツを選択します。
- パーツの端にあるストレッチハンドルをドラッグします。
- パーツが希望のサイズになったら、ハンドルをドロップします。
![エディタでストレッチハンドルを使用してマップパーツのサイズを変更している GIF。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/23/183b5dc2-3731-43ea-93ba-cffcc1ef169e/2e707ff9-f967-45f1-b4d4-3783751a3ef4.gif)
ご存知でしたか?
エディタツールバーを使用して、パーツのサイズをより正確に変更することができます。エディタツールバーでパーツのサイズを変更する方法はこちら
注意:
- 画像、ボタン、シェイプ、画像ギャラリーなど、一部のパーツはデフォルトで比例して調整されます。キーボードの Shift キーを押しながら、これらのパーツのサイズを自由に調整できます。
- メニュー、ボックス、スライドショー、アプリなどその他のパーツは、デフォルトで自由に調整されます。キーボードの Shift キーを押しながら、これらのパーツのサイズを均等に調整できます。
パーツを回転させる
パーツを回転させると、楽しくクリエイティブな方法でサイトにユニークなタッチを加えることができます。アイコンを使用してパーツを自由に回転させることで、色々と試して好きな角度を見つけましょう。
パーツを回転させる方法:
- エディタで該当するパーツを選択します。
- パーツの左上にある「回転」アイコン をクリック&ドラッグします。
![Wix エディタで回転ハンドルを使用して犬が回転している画像を示す GIF。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/22/0f617a2f-a6e1-41c9-9132-9648c100d555/0a600e48-6c8e-4b40-90b3-844f6f073bd4.gif)
ヒント:
エディタツールバーを使用して、回転角度を正確に設定することもできます。エディタツールバーでパーツを回転させる方法はこちら
パーツのデザインをコピーする
パーツのデザインをコピーし、サイト上の他の類似パーツで使用します。たとえば、ボタンのデザインをコピーして他のボタンに適用することで、サイト全体で一貫したデザインを保つことができます。
パーツのデザインをコピーする方法:
- エディタでデザインをコピーするパーツを右クリックします。
- 「デザインをコピー」をクリックします。
- パネル右側で、置き換えたいデザインを選択します。
- 「適用」をクリックします。
![パーツのデザインをコピーパネル。適用する新しいデザインには 2つのデザインが選択されています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/08/31/4db29c77-4f9d-4acf-b209-973c52297e37/445b4c7c-e74d-4022-873a-f25823abc746.png)
注意:
デザインをコピー機能は、ページとボタンやコンテナなどのおすすめパーツで使用できます。