안내장 표지 편집하기

표지의 구조

안내장 표지는 머리글, 표지글, 메뉴 버튼 영역, 바닥글 등 4개의 영역으로 구성된다.

안내장 표지의 구조에 대한 자세한 설명 본 매뉴얼의 '모바일 안내장의 구조'를 참조하기 바랍니다.

머리글과 바닥글은 안내장의 모든 페이지에 표시된다. 머리글과 바닥글의 편집은 표지 페이지에서만 가능하다.

표지글 영역은 주제목, 부제목 영역으로 구성된다. 주제목과 부제목의 폰트 크기가 다르다.

메뉴 버튼 영역에는 현재 하위 컨텐츠 페이지가 없기 때문에 컨텐츠 페이지 추가 버튼만 표시되고 있다. 이 컨텐츠 페이지 추가 버튼을 눌러서 컨텐츠를 페이지를 생성할 수 있고, 컨텐츠 페이지가 생성되면 이 컨텐츠 페이지로 이동할 수 있는 메뉴 버튼이 메뉴 버튼 영역에 표시된다.

머리글 편집

머리글 영역을 클릭하면 머리글 하단에 2개의 버튼이 표시된다.

왼쪽 버튼이 이미지 모드 변환, 오른쪽 버튼이 텍스트 모드 변환 버튼이다.

머리글에 텍스트를 입력하고 싶을때는 텍스트 모드로 변환 후 텍스트를 입력하면 된다.

처음 기본 선택은 텍스트 모드로 되어 있이다. 텍스트 모드 버튼을 클릭하거나 머리글 영역을 클릭하면 입력 커서가 표시된다. 이 상태에서 원하는 텍스트를 입력하면 된다.

머리글 영역을 이미지로 처리할 수 도 있다. 이미지 모드 버튼을 클릭하면 머리글 영역 외곽에 점선 경계선이 표시되고 이미지 파일을 끌어서 놓으면 이미지가 업로드 된다.

이미지를 업로드해보자.

업로드된 이미지는 안내장의 가로폭에 맞추어 크기가 자동으로 조된다.

표지글 편집

표지글 편집은 머리글 편집 방법과 동일하다.

주제목과 부제목의 텍스트는 모두 멀티 라인이 가능하다. 줄 수가 늘어나면 표지글 영역이 자동으로 확장된다.

아무 텍스트가 입력되지 않은 상태에서는 파란 여백만 표시되기 때문에 어느부분이 주제목 영역인지 부제목 영역인지 알기 어려울 수 있다. 주제목을 입력하려면 표지글 영역의 상단을 클릭하고, 부제목을 입력하려면 표지글 영역의 하단을 클릭하면 된다.

표지글 영역도 머리글 영역과 마찬가지로 이미지를 업로드할 수 있다. 이미지 모드 버튼을 클릭한 후 이미지를 업로드해보자.

바닥글 편집

바닥글은 텍스트만 가능하다.

두 줄의 텍스트를 입력할 수 있다.

첫번째 줄은 빨강색으로 큰 폰트의 텍스트를 입력 가능하다. 보통의 경우 회사명을 쓰면 된다.

두 번째 줄은 작은 폰트의 텍스트를 입력 가능하다. 보통의 경우 카피라이트 문구를 입력한다.

기본으로 들어가 있는 '회사명'과 '바닥글' 텍스트를 클릭해서 변경해보자.

메뉴 버튼 영역 편집

메뉴 버튼 영역은 편집이라기 보다는 컨텐츠 페이지를 추가하면 자동으로 메뉴 버튼들이 생성된다.

메뉴 버튼의 갯수가 늘어나면 메뉴 버튼 영역의 크기가 자동으로 확장된다.

메뉴 버튼은 버튼 아이콘과 버튼 제목으로 구성된다.

버튼 아이콘은 변경 가능하다. 버튼 제목도 변경 가능하다.

버튼의 위치도 마우스로 끌어서 이동하는 방식으로 자유롭게 변경 가능하다.

메뉴 버튼 편집에 대해서는 본 매뉴얼의 '메뉴 버튼 편집하기'에서 자세히 설명한다.