블록 추가, 이동, 크기 조정하기
끌어다 놓거나 클릭해서 페이지에 블록을 추가하고, 12열 그리드에서 블록을 이동, 크기 조정, 복제, 삭제하는 방법을 안내합니다.
블록은 제목, 텍스트, 버튼, 이미지, 상품 그리드 등 페이지를 이루는 구성 요소입니다. 블록 패널에서 블록을 추가해 원하는 위치에 놓고, 가장자리를 끌어 크기를 바꿉니다.
블록이 배치되는 방식
페이지의 각 섹션은 12개 열로 이루어진 그리드입니다. 블록은 이 그리드에서 하나 이상의 열과 하나 이상의 행을 차지합니다. 블록을 놓거나 크기를 바꾸면 그리드에 맞춰지므로, 요소들이 가지런히 정렬되고 휴대폰에서도 페이지가 깔끔하게 재배치됩니다. 블록을 정확한 픽셀 단위로 배치할 필요는 없습니다.
블록은 섹션 안에 있습니다. 블록을 추가하려면 페이지에 섹션이 하나 이상 있어야 합니다.
블록 추가하기
블록은 두 가지 방법으로 추가할 수 있습니다.
페이지로 끌어다 놓기
- 왼쪽 블록 패널에서 원하는 블록을 찾으세요. 그룹은 기본, 미디어, 레이아웃, 스토어, 마케팅, 메뉴 및 폼입니다.
- 블록을 누른 채로 페이지로 끌어 오세요.
- 포인터를 섹션 위로 옮기세요. 연한 열이 나타나고, 파란 상자가 블록이 놓일 정확한 위치와 크기를 보여 줍니다.
- 마우스 버튼을 놓으세요. 블록이 상자 안에 나타나고 선택된 상태가 되어 오른쪽에 블록 설정이 열립니다.
참고: 블록은 빈 공간에 놓으세요. 이미 다른 블록이 있는 자리에 놓으면 두 블록이 서로 겹칩니다. 되돌리려면 Ctrl + Z를 누르거나 새 블록을 다른 곳으로 끌어 옮기세요.
클릭해서 추가하기
블록 패널에서 블록을 클릭하면 선택한 섹션의 맨 아래에 추가됩니다. 선택한 것이 없으면 페이지의 마지막 섹션에 들어갑니다. 페이지를 위에서 아래로 만들어 갈 때 가장 빠른 방법입니다.
블록 선택하기
페이지에서 블록을 클릭하세요. 블록에 파란 윤곽선과 파란 크기 조정 핸들 두 개가 나타나고, 옆에 복제, 회전, 삭제 버튼 세 개가 있는 작은 도구 모음이 표시됩니다. 오른쪽 설정 패널은 해당 블록의 설정으로 바뀝니다.
블록 이동하기
- 블록을 누른 채로 끌어 오세요. 블록의 작은 사본이 포인터를 따라옵니다.
- 파란 상자를 보고 블록이 놓일 위치를 확인하세요.
- 마우스 버튼을 놓으세요.
블록은 다른 섹션이나 컨테이너 또는 그리드 안으로 끌어 옮길 수 있습니다. 블록을 다른 섹션으로 옮기면 모든 화면 크기에서 블록이 바뀌기 때문에, 이 작업은 데스크톱 보기에서만 할 수 있습니다.
블록 크기 조정하기
- 블록을 클릭해 선택하세요.
- 오른쪽 가장자리의 핸들을 끌면 블록이 몇 열 너비인지 바뀝니다. 아래쪽 가장자리의 핸들을 끌면 블록이 몇 행 높이인지 바뀝니다.
- 마우스 버튼을 놓으세요.
숫자로 크기와 위치 정하기
정확하게 조절하려면 끌어서 옮기는 대신 설정 패널을 사용하세요.
- 블록을 선택하세요.
- 설정 패널에서 크기와 위치를 클릭해 여세요.
- 빼기 버튼과 더하기 버튼으로 시작 열, 가로 칸 수, 시작 행, 세로 칸 수를 바꾸세요.
같은 그룹에는 다음 기능도 있습니다.
- 전체 너비 채우기는 블록을 담고 있는 영역의 모든 열에 걸쳐 블록을 늘립니다.
- 이 블록 숨기기는 블록을 숨깁니다. 태블릿과 모바일 보기에서는 이 스위치가 해당 화면 크기에서만 블록을 숨깁니다. 휴대폰과 태블릿에서 사이트가 제대로 보이게 하기를 참고하세요.
- 모든 화면에서 동일은 데스크톱, 태블릿, 휴대폰에서 블록의 레이아웃을 하나로 유지합니다.
- 세부 조정에는 회전, 가로로 미세 이동, 세로로 미세 이동 슬라이더가 있습니다. 이 슬라이더는 그리드에서의 블록 위치는 그대로 두고 블록을 시각적으로만 기울이거나 옮기므로, 주변 요소는 움직이지 않습니다. 슬라이더 옆의 작은 x를 클릭하면 값이 0으로 돌아갑니다. 블록 도구 모음의 회전 버튼을 블록 둘레로 끌어서 회전할 수도 있습니다. 똑바른 각도에서 멈추며, Shift를 누르고 끌면 15도 단위로 맞춰집니다.
팁: 선택한 블록은 키보드로도 옮길 수 있습니다. Ctrl + 방향키는 블록을 그리드 한 칸 옮기고, Ctrl + Shift + 방향키는 블록을 한 칸 더 넓게 또는 높게 만듭니다. 모든 단축키는 한눈에 보는 편집기를 참고하세요.
블록 복제 또는 삭제하기
- 복제하려면 블록을 선택하고 도구 모음의 복제를 클릭하거나 Ctrl + D를 누르세요. 사본이 원본 바로 아래에 나타납니다.
- 삭제하려면 블록을 선택하고 도구 모음의 삭제를 클릭하거나 Delete를 누르세요. 설정 패널에서 관리를 열고 그곳의 복제 또는 삭제를 클릭해도 됩니다.
블록을 삭제할 때는 확인을 묻지 않습니다. 실수로 삭제했다면 상단 바의 실행 취소를 클릭하세요.