Wix エディタ:エディタツールバーを使用してパーツを調整する
読了時間:6分
エディタツールバーから、サイトのレイアウトやパーツを簡単に調整するためのツールに簡単にアクセスできます。1つのツールバーからパーツをアレンジ、配置、サイズ変更、位置変更できます。
エディタツールバーを表示するにはどうすればよいですか?
この記事では、以下の項目について説明します:
エディタツールバーを使用してパーツをアレンジする
エディタツールバーを使用して、パーツを前面または背面に移動させることができます。エディタはレイヤーで構成されており、他のパーツの後ろや前に配置すると、正しく機能しなくなることがあります。パーツを前面または背面に移動させることで、パーツの配置を変更することができます。
パーツをアレンジする方法:
- パーツをクリックします。
- 「アレンジ」アイコン をクリックします。
- オプションを選択します:
- 前面へ移動:パーツを 1つ前のレイヤーに移動させます。
- 背面へ移動:パーツを 1つ後ろのレイヤーに移動させます。
- 最前面へ移動:パーツを一番上のレイヤーに移動させます。
- 最背面へ移動:パーツを一番下のレイヤーに移動させます。
![エディタ内のツールバー。パーツの「アレンジ」アイコンがハイライトされています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/12/07/a8afa5d3-ef90-4e35-ad02-6f280c0a1195/f0d2b3e1-856d-41d0-a746-aaa1893bf5b4.png)
注意:
右クリックメニューを使用してパーツをアレンジすることもできます。詳細はこちら
エディタツールバーを使用してパーツを配置する
エディタツールバーを使用すると、数クリックでパーツを正確に配置することができます。選択した配置に応じて、Wix は自動的にすべてのパーツをその方向に配置します。
パーツを配置する方法:
- 配置したいパーツを複数選択します。
- 「配置」アイコン をクリックします。
- 配置オプションをクリックします:
- 右揃え
- 縦中央揃え
- 左揃え
- 下揃え
- 横中央揃え
- 上揃え
![エディタ内のツールバー。パーツの「配置」アイコンがハイライトされています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/12/07/5fbc41c4-7cbc-457e-8324-0baaf9b59475/fd6d0e03-3af3-40c4-9259-7bca9cdd26f6.png)
注意:
また、エディタツールバーの配置機能を使用して、1つのパーツのみを配置することもできます。パーツはコンテナ内(例:ページ、ヘッダー、ボックス)で配置されます。
エディタツールバーを使用してパーツのサイズ変更する
エディタツールバーで幅と高さの値を変更することで、パーツのサイズを正確に変更できます。
パーツのサイズを変更する方法:
- パーツをクリックします。
- 「幅」に数値を入力して、幅を変更します。
- 「高」に数値を入力して、高さを変更します。
![エディタ内のツールバー。パーツの「サイズ」欄がハイライトされています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/12/07/a632f35b-e736-42a2-b2e7-4e25c9bc90f8/43af6f5e-d800-4ffb-9368-421818340fe8.png)
ヒント:
パーツの正確な高さと幅を確認するには、パーツをクリックし、エディタツールバーでサイズを確認してください。
注意:
ストレッチハンドルを使用してパーツのサイズを変更することもできますが、この方法はそれほど正確ではありません。
エディタツールバーを使用してパーツの位置を変更する
エディタツールバーの X 値と Y 値を変更して、ページ上のパーツを正確な位置に配置します。Y はエディタ内でのパーツの縦方向の位置、X は横方向の位置です。
パーツの位置を変更する方法:
- パーツをクリックします。
- エディタツールバーの「X」と「Y」の横に新しい値を入力し、各値の入力後に Enter キーを押します。
![エディタ内のツールバー。パーツの「位置」欄がハイライトされています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/12/07/e6e2b1ce-e082-4084-a934-0bcc79a2b34f/3889088f-7e84-43c8-95b5-90f6b11de40d.png)
ヒント:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/18/7ce699ac-4629-4707-9c59-77fd77fbd9ab/0e167e8b-c91b-4772-8289-e0a20fd1dee9.gif)
複数のパーツを横軸または縦軸に揃えるには、X または Y の値がすべて同じであることを確認してください。または、パーツが整列していることを示す Wix スマートガイド(紫の線)が表示されるまでパーツをドラッグします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/18/7ce699ac-4629-4707-9c59-77fd77fbd9ab/0e167e8b-c91b-4772-8289-e0a20fd1dee9.gif)
エディタツールバーを使用してパーツを回転させる
エディタツールバーでは、回転角度を入力することで、パーツを正確に回転させることができます。これは、ページ上のパーツを簡単に、正確に回転させることができる方法です。
エディタツールバーを使用してパーツを回転させる方法:
- エディタで該当するパーツをクリックします。
- ツールバーの「回転」アイコン 横に回転角度を入力します。
- キーボードの Enter キーを押します。
![エディタ内のツールバー。「回転」アイコンとその欄がハイライトされています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/12/07/3973dfdd-2bb5-4bb4-a194-bb465b412b59/dcb48cde-76d8-4857-acc4-e52a373ed788.png)