가이드
편집모드 화면구성 및 기본조작법
빈페이지닷컴 2020-08-11 14:53:21

편집모드 진입하기


3-1.png




1)마이페이지 > 내 사이트 목록에서 관리하고자 하는 사이트의 톱니바퀴 모양의 “관리자 모드” 아이콘을 클릭하여 관리자 모드로 우선 진입합니다.



3-2.png



2)관리자 모드에서 우측 상단의 “사이트 편집” 버튼을 클릭하면 편집모드로 진입하게 됩니다.


편집모드 구성


3-3.png

<편집모드 - PC사이트용>


3-4.png

<편집모드 - 모바일 사이트용>


1) PC 사이트 편집모드 전환 – PC사이트를 편집하는 화면으로 전환합니다.(활성화 시 배경색 표시)

2) 모바일 사이트 편집모드 전환 – 모바일 사이트를 편집하는 화면으로 전환합니다.(활성화 시 배경색 표시)

3) 현재메뉴 표시 – 현재 편집중인 메뉴명을 표시해줍니다.

4) 사이트 메뉴관리 – 내 사이트의 메뉴를 추가 / 삭제 / 설정 /이동할 수 있습니다.

5) 기본스타일 설정 – 내 사이트 전반에 적용할 공통 디자인 값을 설정해둘 수 있습니다.

6) 되돌리기 – 편집한 사이트를 잘못 게시했다면, 과거 시점으로 되돌리기할 수 있습니다.

7) 미리보기 – 편집중인 사이트를 편집모드가 아닌 미리보기 모드로 실제 사이트를 보듯이 확인 할 수 있습니다.

8) 게시하기 – 편집한 내용들을 실제 사이트에 적용하여 사용자들에게 공개합니다.

9) 섹션에 요소 추가 – 마우스 포인터가 위치한 섹션을 기준으로 해당 섹션에 요소를 추가합니다.

10) 섹션설정 - 마우스 포인터가 위치한 섹션을 기준으로 해당 섹션의 섹션도구를 엽니다.


편집모드 기본 조작법


3-5.png



1) 좌클릭 – 기본적인 조작법으로 좌 클릭 시 각종 메뉴열기, 메뉴선택이 가능합니다.



3-6.png


2) 우클릭 – 섹션영역, 요소영역, 기타 메뉴영역 위에서 마우스 우 클릭 시 관련 팝업메뉴가 출현하여, 편집모드 조작 시 사용자의 활동 동선을 간결화 시켜줍니다.



3-7.png


3) 드래그하여 요소 너비조절 – 각 요소의 우측 끝 영역에 마우스를 가져다대면 너비조절 핸들러가 출현하며, 이때 드래그하여 너비조절이 가능합니다.



3-8.png


4) 드래그하여 위치이동 – 각 요소영역 위에 마우스를 올려둔 상태로 드래그하여 다른 위치로 이동하여 배치할 수 있습니다.



3-9.png


5) 더블 클릭하여 텍스트 편집 – 텍스트요소 및 텍스트변경이 가능한 메뉴들의 영역 위에서 마우스를 더블 클릭하면, 텍스트 편집상태로 전환하여, 텍스트 수정이 가능해집니다.



고객상담