Wix 에디터 키보드 단축키 정보와 사용 예제
 |
| wix 에디터 키보드 단축키 |
WiX로 홈페이지를 만들 때 사이트 편집 에디터 에서 사용할 수 있는 단축키입니다. 윈도 운영 체제나 포토샵의 단축키와 같은 것이 많아 편리하게 활용할 수 있으며, 작업 속도를 향상시킬 수 있어 도움 되는 정보가 될 것입니다. 개인적으로 WiX 작업할 때 많이 사용하는 단축키는 Ctrl + M 으로 사용되는 예제도 함께 설명할 예정입니다.
WiX 에디터 키보드 단축키모음
| 단축키 | 설명 |
|---|---|
| Ctrl + X | 잘라내기 |
| Ctrl + C | 복사하기 |
| Ctrl + V | 붙여넣기 |
| Ctrl + D | 복제하기 |
| Delete Backspace | 요소 삭제 |
| Ctrl + ← | 앞으로 이동 |
| Ctrl + → | 뒤로 이동 |
| Ctrl + Shift + ← | 뒤로 보내기 |
| Ctrl + Shift + → | 앞으로 가져오기 |
| ←, ↑, →, ↓ | 단일 픽셀 이동 (예: Nudge) |
| Shift + ↑, ↓ | 10 픽셀 이동 |
| Ctrl + Z | 실행 취소 |
| Ctrl + Y | 재실행 |
| Ctrl + M | 다음 요소 선택하기 |
| Ctrl + Shift + M | 이전 요소 선택하기 |
| Ctrl + 요소 클릭 또는 Shift + 요소 클릭 | 여러 요소 선택하기 |
| 요소 회전하면서 Shift 키 누르기 | 15° 단위로 요소 회전 |
| 요소 끌면서 Shift 키 누르기 | 동일한 x축 또는 y축에 요소 고정 |
| Ctrl + S | 저장하기 |
| Ctrl + P | 미리보기 |
| Shift + f | 에디터 설정 공개/비공개 |
텍스트 편집 모드 단축키 모음
| 단축키 | 설명 |
|---|---|
| Ctrl + B | 굵게 |
| Ctrl + U | 밑줄긋기 |
| Ctrl + I | 기울임꼴 |
| Ctrl + Z | 실행 취소 |
| Ctrl + Y | 재실행 |
WiX 에디터는 스트립, 벡터 아트, 텍스트, 모양, 상자 등 디자인 요소들이 여러 레이어로 구성되어 있습니다. 이 요소들은 서로 겹쳐서 하단에 위치한 것은 안 보일 수 있고 배열 순서를 인위적으로 바꾸어야 하는 작업도 필요할 수 있습니다.
- 1 -
여러 요소들이 비슷한 위치에서 아래 위로 겹친 경우는
마우스 오른쪽 버튼을 클릭하여 설정 메뉴에서
겹쳐있는 요소를 활용하여 내가 원하는 요소를 찾고
배열을 변경할 수 있습니다.
 |
| WiX에디터 겹친 요소 찾는 방법 |
위 그림을 보면 각각 요소들이 무질서하게 겹쳐져 있어서 글자가 보이지 않고 위치도 맞지 않게 배열되어 있습니다. 각 위치 A, B, C, D에서 마우스 오른쪽 버튼을 활용한 설정 화면에서 어떤 요소들이 겹쳐져 있는지 확인합니다.
A 겹쳐있는 요소(3)
B겹쳐있는 요소(4)
C 겹쳐있는 요소(4)
D 겹쳐있는 요소(2)
배열을 변경하는 방법은 원하는 위치에서 마우스 오른쪽 버튼을 클릭하여 설정 화면에서 < 겹쳐있는 요소> 메뉴를 선택합니다. 순서를 변경하고 싶은 요소 클릭하면 동시에 에디터 화면에서 그 요소가 선택된 것을 확인할 수 있습니다. 그 후 배열을 앞으로 가져가기, 앞으로 이동, 뒤로 이동, 뒤로 보내기 중에 선택합니다. 예를 들어 위 그림의 B 배열에서 텍스트를 선택하여 앞으로 이동하면 말풍선 벡터 아트 앞으로 배열이 변경됩니다.
 |
| WiX에디터 배열 변경하는 방법 |
|
|---|
wix 모바일 작업을 진행하다 보면 데스크톱 화면에서는 분명히 있는데 모바일에서는 찾을 수 없는 경우가 있습니다. 모바일 에디터에서 비공개 요소로 비공개를 선택한 경우가 아니라면 대부분 특정 요소의 뒤에 겹쳐서 안 보이는 경우일 수 있습니다. 이때 유용한 단축키가 Ctrl + M(이전 요소 선택하기)과 Ctrl + Shift + M(여러 요소 선택하기)입니다.
2
모바일 에디터로 이동하여
Ctrl + M키로 안 보이는 요소를 찾기
2-1 모바일 에디터로 이동합니다. 아래 예제는 디자인아라 ( https://www.designara.kr/ ) 홈페이지의 모바일 부분에서 카카오 플러스로 이동할 QR코드 이미지를 찾고 있습니다. 단축키 Ctrl + M을 계속 클릭하면서 숨겨진 위치를 확인할 때 까지 찾습니다.
2-2 찾았다면 그 위치에서 설정 화면을 열고 그 이미지를 클릭합니다.
2-3 배열에서 < 앞으로 가져오기 >를 합니다
2-4 하단의 노란 상자 위치로 이동합니다.
2-1 ~ 2-4까지의 과정으로 WiX 에디터에서 단축키를 활용하여 숨겨진 요소를 찾고 배열을 변경하는 과정을 설명했습니다.
댓글
댓글 쓰기