1. 빌더 열기와 화면 살펴보기
편집할 사이트와 페이지를 찾고 빌더의 작업 영역을 익힙니다. 이미 사이트를 만든 상태를 기준으로 안내합니다.
1단계. 편집할 사이트 열기
- 왼쪽 메뉴에서 웹사이트 → 사이트로 이동합니다.
- 목록에서 편집할 사이트를 선택합니다. 사이트 이름과 공개 주소가 맞는지 확인해 주세요.
- 첫 화면을 편집하려면 홈 빌더를 클릭합니다. 다른 페이지는 페이지 탭에서 해당 페이지를 찾아 빌더를 엽니다.
안내
사이트 설정과 페이지 내용 편집은 다른 작업입니다. 사이트 이름·메뉴·도메인 등은 사이트 관리 화면에서, 제목·이미지·버튼 배치는 빌더에서 작업합니다.
2단계. 현재 페이지 확인하기
- 빌더 왼쪽 위의 편집할 페이지 선택에서 현재 페이지를 확인합니다.
- 다른 페이지로 이동하기 전에 변경사항이 있으면 저장합니다.
- 처음 연습할 때는 별도 페이지에서 진행하고 운영 페이지의 내용을 삭제하지 않도록 주의합니다.
3단계. 화면 영역 익히기
위치·이름 | 사용 방법 |
|---|---|
왼쪽 라이브러리 | 제목·텍스트·이미지·버튼 등 기본 요소와 여러 요소를 묶은 블록을 찾습니다. 검색란에서 이름으로 검색할 수 있습니다. |
왼쪽 구조 | 페이지의 요소 순서와 부모·자식 관계를 확인합니다. 겹친 요소나 작은 요소를 선택할 때 유용합니다. |
가운데 캔버스 | 요소를 선택하고 배치·내용을 확인하는 작업 영역입니다. |
선택 요소의 도구 모음 | 편집·설정·복제·이동·삭제 등을 실행합니다. 아이콘 위에 마우스를 올려 이름을 확인합니다. |
인스펙터 | 선택한 요소의 설정을 조절합니다. 접혀 있다면 패널 펼치기를 누릅니다. 화면 폭에 따라 별도 창으로 열릴 수 있습니다. |
상단 기기 전환 | 데스크톱·태블릿·모바일 미리보기를 확인합니다. |
상단 저장·게시 | 편집 내용을 저장하고 실제 방문자 화면에 배포합니다. |
4단계. 화면 확대와 실제 글자 크기 구분하기
상단 확대·축소는 편집할 때 보는 배율입니다. 방문자에게 보일 글자 크기를 바꾸려면 해당 요소의 글자 크기 설정을 변경해야 합니다. 기기를 전환하면 캔버스 폭과 표시 배율도 달라질 수 있습니다.
초기화 버튼 주의
초기화는 확대 비율을 되돌리는 버튼이 아닙니다. 마지막 저장 상태를 다시 불러오는 작업이며 저장하지 않은 내용이 사라질 수 있습니다. 확인창의 설명을 읽고 진행해 주세요.
완료 확인
- 원하는 사이트와 페이지가 열려 있습니다.
- 라이브러리·구조·캔버스와 저장·게시 버튼의 위치를 찾을 수 있습니다.