Wix エディタ:エディタツールを使用する
読了時間:4分
Wix エディタには、デザインプロセスをより速く、より正確にするためのツールが数多く組み込まれています。これらの機能には、エディタ右上のツールパネルからアクセスすることができます。
![Wix エディタのツールパネルを表示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/09/12/2fae622a-c297-424f-b14a-7eb5464f0c51/43d2461b-76c9-4ca7-a2cb-3c93ace0bb50.png)
この記事では、以下の使用方法について説明します:
エディタツールバーを使用する
エディタツールバーを使用すると、基本的なアクションをすばやく実行できます。ツールバでページ上のパーツをコピー、貼り付け、複製、または削除することが可能です。また、サイズ、位置、配置などを調整することもできます。
ツールパネルからツールバーを有効にすると、エディタの右側に表示されます。
ツールバーを有効にする方法:
- エディタ右上で「ツール」
をクリックします。
- 「ツールバー」チェックボックスを選択します。
![エディタ内のツールパネル。ツールバーのチェックボックスが選択され、ツールバー自体がハイライト表示されています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/09/12/e0ab0b54-d2d2-4178-9519-a733f377204b/037345c4-addd-4764-b7d4-79ab5c82940e.jpeg)
ヒント:
- ページ上の任意の場所にドラッグ&ドロップして、エディタツールバーを再配置します。
- エディタ上部で「編集ツールを非表示にする」矢印
をクリックしてツールバーを表示・非表示にすることができます。編集ツールを非表示にする機能についてはこちら
レイヤーパネルを使用する
レイヤーパネルには、ページ上のすべてのパーツが表示されます。パネルはページの主要部分(ヘッダー、ページ、フッター)で分割されているため、必要なパーツを簡単に見つけることができます。
レイヤーパネルを有効にすると、エディタ内の任意の場所にドラッグできるフローティングパネルとして表示されます。「レイヤー」アイコン
をクリックします。
![エディタ内のレイヤーパネル。アイコンがハイライト表示されています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/09/12/a4f4c7de-1b98-43aa-aeea-3c776d77a9e2/284e3b8c-d268-42e2-a8b6-8d99c45ff903.jpeg)
垂直・水平ルーラーを使用する
横と縦のルーラーを使用して、サイトにパーツを正確に配置することができます。パーツを特定の場所(ピクセル単位)に配置し、ガイドを追加してスポットをマークします。
ツールパネルからルーラーを有効にすると、上部に水平ルーラー、右側に垂直ルーラーが表示されます。
ルーラーを有効にする方法:
- エディタ右上で「ツール」
をクリックします。
- 「ルーラー」チェックボックスを選択します。
![ツールパネル。「ルーラー」ボックスが選択され、定規がハイライト表示されています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/09/12/9868809b-9b8d-4712-a9b0-ef3607db1c8c/477516e6-80a2-4365-87e0-e1b12359cdda.jpeg)
グリッド線を使用する
グリッド線は、エディタ内の点線で、サイトのレイアウトを正しく構築するのに役立ちます。縦のグリッド線は、タブレットや小さいデバイスでページの最大幅を表示する際に特に便利です。
グリッド線を使用して、どんな画面サイズでもコンテンツが表示されるようにしましょう。必要に応じて、いつでも有効または無効にすることができます。エディタのグリッド線についての詳細をご覧ください。
グリッド線を有効にする方法:
- エディタ右上で「ツール」
をクリックします。
- 「グリッド線」チェックボックスを選択します。
![Wix エディタのグリッド線。線がハイライト表示されています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/09/12/7442130b-7a43-4bff-b6a5-f6f6b17e1f3c/3141dddd-2378-43e7-90a3-ee8c2d428f85.jpeg)
スナップツールを使用する
「スナップ」ツールを使用すると、正確にパーツを相互に接続できます。
パーツをドラッグすると、そのページの他のパーツの枠線を示す紫色の線が表示されます。ドラッグしているパーツをドロップすると、これらのマーカーに 5 ピクセルの範囲内で「スナップ」します。
パーツの「スナップ」ツールを有効にする方法:
- エディタ右上で「ツール」
をクリックします。
- 「スナップ」チェックボックスを選択します。
![エディタで使用されているパーツの「スナップ」ツール。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/04/8d845986-5b90-418e-a519-3e8e0ec8324d/63e2e655-63c1-47c8-b781-d51480aa55ec.gif)
ヒント:
Wix 公式ブログでは、ホームページの作り方のヒントやコツについて紹介しています。