Wix エディタ:ルーラーとガイドを使用する
読了時間:2分
ルーラーは、パーツの位置をピクセル単位で確認できるため、ページ上にパーツを正確に配置するのに役立ちます。エディタのルーラーはいつでも表示または非表示にでき、ページレイアウトを計画する際、特定の位置をマークし、ガイドを表示させることができます。
この記事では、下記の項目について説明します:
ルーラーを表示・非表示にする
必要に応じて、エディタのルーラーを表示または非表示にすることができます。これは、横のルーラーと縦のルーラーだけでなく、追加したガイドも制御します。
ルーラーを表示・非表示にする方法:
- エディタトップバーで「ツール」をクリックします。
- 「ルーラー」横のチェックボックスを選択または選択解除します。
- 選択済み:ルーラーがエディタに表示されます。
- 選択解除:ルーラーはエディタから非表示になります。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/09/28/56c4a08b-71eb-473f-a5e9-3a2712826d65/d5c52c81-1610-41a1-a77b-cd62148ee3ec.png)
ヒント:
キーボードの Shift + R を使用して、ルーラーを表示または非表示にすることもできます。
ルーラーにガイドを追加する
ガイドはライブサイトには表示されない位置マーカーとして機能し、編集中にパーツを正確に配置することができます。パーツを移動またはサイズ変更すると、パーツがガイドにスナップ配置します。
- 新しいガイドを配置するには、表示される位置(ピクセル単位)で縦・横のルーラーをクリックします。
![Wix エディタでルーラーにガイドが追加されている様子を示す GIF。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/09/21/44e8eb14-903a-4aca-9633-ef0947d24426/f4e07575-d6fe-4b47-b2ff-796e338c46d2.gif)
ヒント:
ルーラーを非表示にしても、ガイドは失われません。ルーラーを表示すると、以前に追加したガイドも表示されます。
ルーラーガイドの位置を変更する
ルーラーガイドを配置した後は、いつでもニーズに合った位置に変更することができます。
ルーラーガイドの位置を変更する方法:
- ルーラーのガイドをクリックします。
- ガイドを新しい位置にドラッグするか、キーボードの矢印キーを使用して移動します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/03/24/884b6e21-54bc-4372-b96c-1a991cc9eab3.gif)
ヒント:
- テキスト欄をクリックし、値(ピクセル)を入力して、ガイドを特定の場所に移動させます。
- Shift + 矢印キーをクリックし、ガイドを 10px ずつ移動させます。
ルーラーガイドを削除する
以前ルーラーに追加したガイドが不要になった場合には、いつでも削除できます。
ルーラーガイドを削除する方法:
- ルーラーのガイドをクリックします。
- キーボードの「Delete」キーを押すか、「削除」アイコンをクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/04/17/d0b4dc0a-2885-4a08-a8a0-577c70f690e0/9de0876c-bbf2-49fa-aff2-098a22098b41.jpeg)