Wix 에디터: 눈금자 및 가이드라인 사용하기
2 분 분량
페이지 메뉴
- 눈금자를 표시하거나 숨기기
- 눈금자에 가이드라인 추가하기
- 눈금자 가이드라인 위치 변경하기
- 눈금자 가이드라인 제거하기
눈금자는 픽셀 단위로 정확한 위치를 볼 수 있으므로 페이지에 요소를 정확하게 배치하는 데 도움이 됩니다. 언제든지 에디터 눈금자를 표시하거나 숨길 수 있으며 페이지 레이아웃을 계획하는 동안 확인이 필요한 특정 위치를 표시하는 가이드라인을 추가할 수 있습니다.
눈금자를 표시하거나 숨기기
필요에 따라 에디터의 눈금자를 표시하거나 숨길 수 있습니다. 가로 또는 세로 눈금자뿐만 아니라 추가한 모든 가이드라인 또한 제어할 수 있습니다.
눈금자를 표시하거나 숨기려면:
- 에디터로 이동합니다.
- 상단 바에서 도구
를 클릭합니다.
- 눈금자 체크 상자를 선택 또는 선택 해제합니다.
- 선택: 에디터에 눈금자가 표시됩니다.
- 선택 해제: 에디터에서 눈금자가 숨겨집니다.
![도구 스크린샷, 눈금자 위에 마우스오버하고 있습니다.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/31/0d0eaa76-8222-4bd7-9afc-2897c9dd7212/88d42899-54a5-42c3-8dbd-0ac01ee298e4.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)
도움말:
눈금자를 숨겨도 가이드라인은 제거되지 않습니다. 눈금자를 표시하면 이전에 추가한 가이드라인도 표시됩니다.
눈금자 가이드라인 위치 변경하기
눈금자 가이드라인을 배치한 후 필요에 따라 보다 정확하게 위치를 변경할 수 있습니다.
눈금자 가이드라인의 위치를 조정하려면:
- 눈금자의 가이드라인을 클릭합니다.
- 가이드라인을 새 위치로 드래그하거나 키보드의 화살표 키를 사용하여 이동합니다.
![사이트 간에 눈금자 가이드를 이동하는 Gif.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/03/24/884b6e21-54bc-4372-b96c-1a991cc9eab3.gif)
도움말:
- 텍스트 입력란을 클릭하고 값(픽셀)을 입력해 가이드라인을 특정 위치로 이동합니다.
- Shift + 화살표 키를 눌러 가이드라인을 한 번에 10픽셀씩 이동합니다.
눈금자 가이드라인 제거하기
이전에 눈금자에 추가한 가이드라인이 더 이상 필요하지 않나요? 가이드라인은 언제든지 제거할 수 있습니다.
눈금자 가이드라인을 제거하려면:
- 눈금자의 가이드라인을 클릭합니다.
- 키보드에서 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)