문의하기

본문 영역

디자인 빌더

디자인 빌더 · 들어가기와 화면 구성

  • 이용가이드
  • 작성자 : 안목
  • 작성일 : 2026-10-08
  • 조회수 : 41

디자인 빌더는 홈페이지 화면을 보면서 직접 꾸미는 곳입니다. 어디로 들어가는지, 화면 위쪽 단추가 각각 무엇을 하는지 먼저 익혀 두세요.

디자인 빌더 여는 곳

관리자 화면 맨 위 검은 띠의 디자인 빌더를 누르면 열립니다. 왼쪽 메뉴에는 따로 없습니다.

관리자 화면 맨 위 띠의 오른쪽. 1번은 마이페이지와 홈페이지 사이의 디자인 빌더 링크입니다.
그림 1관리자 윗줄의 디자인 빌더
  1. 디자인 빌더 — 누르면 메인페이지를 꾸미는 디자인 빌더가 열립니다. 메뉴·페이지 편집 권한이 있는 관리자에게만 보입니다.

다른 곳에서 여는 길

마이페이지의 사이트 카드에서 팔레트 모양 단추(디자인 편집 모드)를 누르면 새 창으로 디자인 빌더가 열립니다.

첫 화면을 아직 꾸미지 않았다면, 로그인한 채로 홈페이지에 들어가면 안내 화면이 나옵니다. 여기서 디자인 빌더 열기를 눌러도 됩니다. 이 안내는 로그인한 관리자에게만 보입니다.

아직 꾸미지 않은 홈페이지의 안내 화면. 1번은 디자인 빌더 열기 단추입니다.
그림 2꾸미기 전 홈페이지에 뜨는 안내
  1. 디자인 빌더 열기 — 누르면 메인페이지를 꾸미는 디자인 빌더가 열립니다.

윗줄 왼쪽 — 지금 고치는 페이지와 화면 크기

디자인 빌더 윗줄 왼쪽. 1번은 페이지 이름(메인페이지), 2번은 PC·태블릿·모바일 화면 단추 세 개입니다.
그림 3윗줄 왼쪽과 가운데
  1. 페이지 이름 — 지금 꾸미고 있는 페이지입니다. 처음 열면 메인페이지입니다. 다른 페이지를 고칠 때는 이름 앞에 집 모양 단추가 생기고, 누르면 메인페이지 편집으로 돌아옵니다. 게시판 메뉴를 열면 옆에 목록 · 상세 · 작성 탭이 생겨 게시판 화면 세 가지를 따로 꾸밀 수 있습니다.
  2. 화면 크기 단추 — 데스크탑 · 태블릿 · 모바일 화면으로 바꿔 봅니다. 자세한 것은 「PC·태블릿·모바일 화면」 글을 보세요.

윗줄 오른쪽 — 설정과 저장 단추

디자인 빌더 윗줄 오른쪽 단추 일곱 개. 1번 메뉴 설정, 2번 사이트 설정, 3번 되돌리기, 4번 다시 실행, 5번 미리보기, 6번 사이트 게시, 7번 편집 종료입니다.
그림 4윗줄 오른쪽 단추
  1. 메뉴 설정 — 홈페이지 메뉴와 페이지를 만들고 고칩니다.
  2. 사이트 설정 — 대표 색, 본문 폭, 글꼴 같은 사이트 전체 모양을 정합니다. 오른쪽에 설정 칸이 열립니다.
  3. 되돌리기 — 방금 한 위젯 작업을 한 단계 되돌립니다(Ctrl+Z).
  4. 다시 실행 — 되돌린 것을 다시 살립니다(Ctrl+Shift+Z).
  5. 미리보기 — 지금 페이지를 새 탭으로 엽니다. 마지막으로 게시한 모습이 보입니다.
  6. 사이트 게시 — 고친 위젯을 실제 홈페이지에 올립니다. 누르기 전까지는 손님에게 보이지 않습니다.
  7. 편집 종료 — 디자인 빌더 창을 닫습니다.

가운데 편집 화면(캔버스)

윗줄 아래 넓은 곳이 홈페이지가 실제로 보일 모습입니다. 여기서 위젯을 넣고 고칩니다.

빈 사이트는 아래처럼 세 칸만 보입니다.

빈 메인페이지의 편집 화면. 1번 공통 헤더 추가, 2번 가운데 위젯 추가 단추, 3번 공통 푸터 추가입니다.
그림 5아무것도 넣지 않은 메인페이지
  1. 공통 헤더 추가 — 모든 페이지 위쪽에 붙는 머리글(로고·메뉴)을 넣습니다.
  2. 위젯 추가 — 페이지 본문에 첫 위젯을 넣습니다.
  3. 공통 푸터 추가 — 모든 페이지 아래쪽에 붙는 바닥글(회사 정보 등)을 넣습니다.

위젯이 있을 때 보이는 단추

위젯이 들어간 페이지에서는 마우스를 올리면 단추가 나타납니다.

위젯이 있는 편집 화면 일부. 1번은 위젯 사이의 + 새 위젯 추가 단추, 2번은 위젯 오른쪽 위 톱니 모양 위젯 설정 단추입니다.
그림 6위젯 사이와 위젯 위에 뜨는 단추
  1. + (새 위젯 추가) — 위젯과 위젯 사이에 마우스를 올리면 나옵니다. 누르면 그 자리에 새 위젯을 넣습니다.
  2. 톱니 단추(위젯 설정) — 위젯 위에 마우스를 올리면 오른쪽 위에 나옵니다. 누르면 오른쪽에 위젯 설정 칸이 열립니다.

여기까지 확인했나요

  • 관리자 윗줄의 「디자인 빌더」로 디자인 빌더를 열었습니다.
  • 윗줄 단추(메뉴 설정·사이트 설정·되돌리기·미리보기·사이트 게시·편집 종료)가 어디 있는지 확인했습니다.
  • 위젯을 고친 뒤에는 「사이트 게시」를 눌러야 홈페이지에 반영된다는 것을 알았습니다.