디자인 편집기란?
가이드의 모든 사항은 위멘토를 통해 개설된 사이트를 전제로 합니다.
사이트를 목적에 맞게 꾸미고 내용을 추가하는 일은 디자인 모드에서 합니다. 이 장에서는 디자인 모드에서 반드시 숙지해야 할 사항들을 설명합니다.
디자인 모드 접속 방법
- 디자인 모드에 접속하려면 내 사이트에서 로그인 합니다.
- 내 사이트에서 로그인 하셨다면 우측 상단 프로필 이미지를 눌러 관리를 누릅니다.
- 관리페이지(대시보드)에 접속합니다.
- 좌측 상단에서 디자인 모드 메뉴를 누릅니다.
※참고: 디자인 모드는 고도의 웹기술이 포함되어 있으며 원활한 동작을 위해 웹표준을 제대로 준수하지 않는 Internet Explorer 접근은 제한하고 있습니다.
(추천 브라우저: Google Chrome)
디자인 모드 작업환경
디자인 모드에는 총 14가지의 메뉴로 구성되어 있으며, 각 메뉴는 아래 그림과 함께 설명을 참조해주세요.

1
| 메뉴 관리
| 새로운 메뉴를 생성하거나 이동, 구조 확인시 사용합니다.
|
2
| 위젯 추가
| 새로운 위젯을 추가하는 위젯 추가 버튼입니다.
|
3
| 섹션 추가
| 현재 페이지에 새로운 섹션을 추가합니다.
|
4
| 도움말
| 도움말 및 고객지원 페이지로 이동합니다.
|
5
| 현재 메뉴명
| 현재 편집 중인 페이지의 이름을 표시합니다.
|
6
| 메뉴 속성
| 메뉴의 이름을 변경, 검색엔진 최적화용 설명 추가, 접근 권한 설정, 메뉴를 삭제합니다.
|
7
| 뷰포트 변경
| 모바일 편집 모드와 데스크톱 편집 모드를 전환합니다.
|
8
| 공통 디자인 설정
| 기본 서체 및 크기, 본문폭 등 사이트에 공통적으로 적용할 디자인을 설정합니다.
|
9
| 미리보기
| 새 브라우저 탭을 열어 현재 페이지가 실제 브라우저에서 어떻게 보이는지 확인합니다.
|
10
| 게시하기
| 게시하기를 누르면 작업한 사항들이 방문자들에게 볼 수 있도록 반영됩니다.
|
11
| 나가기
| 디자인 모드를 종료하고 대시보드로 이동합니다.
|
12
| 겹치기
| 상단 메뉴와 본문 배경을 겹치는 효과를 줄 수 있습니다.
|
13
| 상단설정
| 상단 디자인을 편집할 수 있습니다.
|
14
| 가이드 다시보기
| 처음 사용자에 한하여 나타나는 초보자 가이드를 다시 보실 수 있습니다. |
주의사항
수정 중 디자인이 망가지면 작업이 힘들어집니다. 꼭 기억하실 내용은 게시하기와 미리보기, 그리고 되돌리기를 잘 활용해주세요.
9번 미리보기 : 수정한 내용을 회원페이지에 업데이트 전 관리자만 미리보는 기능
10번 게시하기 : 초록색 버튼이 뜨면 게시할 수 있습니다. 게시하기를 클릭하여 저장하시면 회원페이지에서도 업데이트가 되어 백업이 불가능합니다.
1번 옆 되돌리기 모양이 있습니다. 이 것이 되돌리기 아이콘입니다. 수정을 잘못 했거나 망가졌으면 되돌리기를 클릭하여 마지막 게시하기 시점으로 되돌려주세요.
그외 기본 개념들
- 위젯 : 디자인 모드에서 가장 작은 단위입니다. 이미지, 동영상, 게시판, 텍스트 등의 요소를 위젯이라고 부릅니다.
- 섹션 : 위젯을 포함한 영역입니다. 여러개의 섹션을 이용해 배경색이나 간격을 다르게 구성하실 수 있습니다.
- 상단(또는 헤더) : 로고, 메뉴바, 로그인 영역을 포함해 사이트에 공통적으로 위쪽에 표시되는 영역입니다.
- 하단(또는 푸터) : 저작권 정보, 사이트 운영 정보 표시, 약관 및 개인정보처리방침 등을 사이트의 하단에 공통적으로 표시하는 영역입니다.
- 메뉴(또는 페이지) : 위 사항들을 모두 포함한 개념이며, 사이트는 일반적으로 여러개의 메뉴로 구성되어 있습니다.
도움말에 찾으시는 답변이 없으신가요?
유지 보수 게시판