2. 요소 추가·선택·이동·삭제하기
라이브러리에서 필요한 요소를 추가하고 순서를 정리하는 방법입니다. 예시로 제목을 추가해 보겠습니다.
1단계. 요소를 넣을 위치 선택하기
- 캔버스에서 추가할 위치의 ＋ 여기에 추가를 클릭합니다.
- 왼쪽 라이브러리를 열고 기본 요소에서 제목을 선택합니다. 이름을 찾기 어렵다면 블록 검색에 입력합니다.
- 캔버스에 새 제목이 생겼는지 확인합니다. 다른 영역 안에 들어갔다면 구조에서 부모·자식 관계를 확인해 주세요.
기본 요소와 완성형 블록
제목·텍스트·이미지 등은 각각 편집하는 기본 요소입니다. 히어로·가격·FAQ·문의 등은 여러 요소를 묶어 제공하는 블록입니다. 완성형 블록을 넣어도 샘플 문구·이미지·버튼 주소는 직접 바꿔야 합니다.
2단계. 편집할 요소 선택하기
- 캔버스에서 요소를 클릭합니다.
- 테두리와 도구 모음에 표시된 요소 이름을 확인합니다.
- 선택이 어렵다면 왼쪽 구조에서 해당 요소를 선택합니다.
- 안쪽 글자만 바꿀 때는 자식 요소를, 블록 전체를 옮길 때는 부모 요소를 선택합니다.
3단계. 요소 순서 바꾸기
- 옮길 요소를 선택합니다.
- 도구 모음의 위로 이동 또는 아래로 이동을 누릅니다.
- 캔버스와 구조 목록에서 순서가 바뀌었는지 확인합니다.
드래그 손잡이로 옮기는 경우에는 놓일 위치를 확인한 뒤 마우스를 놓습니다. 원하는 위치에 들어가지 않았다면 실행 취소 후 이동 버튼으로 한 단계씩 조정해 주세요.
4단계. 같은 모양 복제하기
- 기준으로 사용할 요소를 선택하고 복제를 누릅니다.
- 복제된 요소를 선택하여 문구·이미지·링크를 바꿉니다.
- 원본 내용이 바뀌지 않았는지, 중복 요소가 불필요하게 남지 않았는지 확인합니다.
복사와 잘라내기는 붙여넣기와 함께 사용하는 기능입니다. 처음에는 위치를 확인하기 쉬운 복제를 사용해 보세요. 텍스트 입력란에 커서가 있을 때의 복사·붙여넣기는 글자 편집으로 동작할 수 있습니다.
5단계. 필요 없는 요소 삭제하기
- 삭제할 요소 이름과 선택 테두리를 확인합니다.
- 삭제를 누릅니다. 부모 블록을 삭제하면 안쪽 요소도 함께 없어질 수 있습니다.
- 잘못 삭제했다면 다른 작업을 계속하기 전에 상단 실행 취소를 누릅니다. 취소한 작업을 다시 적용하려면 다시 실행을 사용합니다.
- 최종 상태를 확인하고 저장합니다.
완료 확인
- 필요한 요소만 원하는 순서로 배치되어 있습니다.
- 부모·자식 관계가 의도와 맞고, 복제한 샘플 내용이 그대로 남지 않았습니다.
- 저장 후 다시 열어도 구성과 순서가 유지됩니다.