디자인 모드란?

가이드의 모든 사항은 아임웹을 통해 사이트 개설을 전제로 합니다.

디자인 모드란?

아임웹에서 사이트를 목적에 맞게 꾸미고 내용을 추가하는 일은 디자인 모드에서 합니다. 이 장에서는 디자인 모드에서 반드시 숙지해야 할 사항들을 설명합니다.

디자인 모드 접속 방법

  1. 디자인 모드에 접속하려면 아임웹 또는 내 사이트에서 로그인 합니다.
    • 아임웹으로 로그인을 하셨다면 우측 상단 프로필 이미지를 눌러 내 사이트로 이동하여 관리 버튼을 누릅니다.
    • 내 사이트에서 로그인 하셨다면 우측 상단 프로필 이미지를 눌러 관리를 누릅니다.
  2. 관리페이지(대시보드)에 접속됩니다.
  3. 좌측 상단에서 디자인 모드 메뉴를 누릅니다.

참고: 디자인 모드는 고도의 웹기술이 포함되어 있으며 원활한 동작을 위해 웹표준을 제대로 준수하지 않는 Internet Explorer 접근은 제한하고 있습니다. (추천 브라우저: Google Chrome)

디자인모드 훑어보기


1
메뉴관리. 새로운 메뉴를 생성, 이동, 구조 확인시 사용합니다.
2
새로운 위젯을 추가하는 위젯 추가 버튼입니다.
3
현재 페이지에 새로운 섹션을 추가합니다.
4
모바일 편집모드와 데스크톱 편집모드를 전환합니다.
5
공통 디자인 설정. 기본 서체 및 크기, 본문폭 등 사이트에 공통적으로 적용되는 디자인을 설정합니다.
6
도움말 및 고객지원 페이지로 이동합니다.
7
현재 메뉴명. 현재 편집 중인 페이지의 이름을 표시합니다.
8
메뉴 속성. 메뉴의 이름을 변경, 검색엔진 최적화용 설명 추가, 접근 권한 설정, 메뉴 삭제를 합니다.
9
새 탭으로 현재 페이지를 열어 실제 브라우저에서 어떻게 보이는지 확인합니다.
10
게시하기를 누르면 실제 방문자에게 작업한 사항들이 반영됩니다.
11
디자인 모드를 종료하고 대시보드로 이동합니다.

그외 기본 개념들

위젯: 디자인 모드에서 가장 작은 단위입니다. 이미지, 동영상, 게시판, 텍스트 등의 요소를 위젯이라고 부릅니다.

섹션: 위젯을 포함한 영역입니다. 여러개의 섹션을 이용해 배경색이나 간격을 다르게 구성하실 수 있습니다.

상단(또는 헤더): 로고, 메뉴바, 로그인 영역을 포함해 사이트에 공통적으로 위쪽에 표시되는 영역입니다.

하단(또는 푸터): 저작권 정보, 사이트 운영 정보 표시, 약관 및 개인정보처리방침 등을 사이트의 하단에 공통적으로 표시하는 영역입니다. 

메뉴(또는 페이지): 위 사항들을 모두 포함한 개념이며, 사이트는 일반적으로 여러개의 메뉴로 구성되어 있습니다.

목록으로

아임웹 공식제휴사

아임웹은 페이팔, 네이버 페이, KCP 공식파트너입니다.