웹 뷰어 레이아웃

웹 뷰어 레이아웃이란 웹 뷰어의 모양을 일부 조정할 수 있도록 웹 뷰어의 각 요소에 대한 설정을 변경할 수 있는 기능입니다. 여러 개의 레이아웃을 등록하여 책마다 개별적으로 적용할 수 있습니다.

웹 뷰어 레이아웃을 확인하거나 추가, 삭제하기 위해서는 편집자 권한을 가지고 있어야 합니다.

웹 뷰어 레이아웃 확인하기

시스템에 등록되어 있는 웹 뷰어 레이아웃을 확인하기 위한 방법은 다음과 같습니다.

  1. 편집자 권한으로 로그인 후, 메인 화면 우측 상단에서 <BOOK> 링크를 클릭합니다.

  2. 좌측 상단에서 [스타일 | 웹 뷰어 레이아웃] 메뉴로 순차적으로 이동합니다.

  3. 시스템 상에 등록되어 있는 모든 웹 뷰어 레이아웃이 목록으로 나타납니다.

  4. 확인하고자 하는 웹 뷰어 레이아웃을 클릭하여 내용을 확인합니다.

웹 뷰어 레이아웃 추가하기

새로운 웹 뷰어 레이아웃을 추가하는 방법은 아래와 같습니다.

  1. 편집자 권한으로 로그인 후, 메인 화면 우측 상단에서 <BOOK> 링크를 클릭합니다.

  2. 좌측 상단에서 [스타일 | 웹 뷰어 레이아웃] 메뉴로 순차적으로 이동합니다.

  3. 시스템 상에 등록되어 있는 모든 웹 뷰어 레이아웃이 목록으로 나타납니다.

  4. <웹 뷰어 레이아웃 추가>를 클릭합니다.

  5. 웹 뷰어 레이아웃 기본 정보(이름, 설명)를 입력합니다.

  6. <저장> 버튼을 클릭합니다.

웹 뷰어 레이아웃 기본 정보

이름

웹 뷰어 레이아웃의 이름을 입력합니다.

설명

웹 뷰어 레이아웃에 대한 간단한 설명을 입력합니다.

웹 뷰어 레이아웃 추가

웹 뷰어 레이아웃 편집하기

웹 뷰어 레이아웃을 편집하는 방법은 아래와 같습니다.

  1. 편집자 권한으로 로그인 후, 메인 화면 우측 상단에서 <BOOK> 링크를 클릭합니다.

  2. 좌측 상단에서 [스타일 | 웹 뷰어 레이아웃] 메뉴로 순차적으로 이동합니다.

  3. 시스템 상에 등록되어 있는 모든 웹 뷰어 레이아웃이 목록으로 나타납니다.

  4. 수정할 웹 뷰어 레이아웃을 선택하여 링크를 클릭합니다.

  5. 웹 뷰어 레이아웃 편집 화면이 나타납니다.

  6. 각 항목별로 웹 뷰어 레이아웃을 수정합니다.

  7. <지금 저장> 버튼을 클릭합니다.

웹 뷰어 레이아웃 편집 화면은 다음과 같습니다. 왼쪽에는 각 항목들이 트리 형태로 나타나고, 오른쪽에는 세부 편집 영역이 나타나게 됩니다. 편집자는 수정하고자 하는 항목을 왼쪽에서 선택한 후, 세부 편집 영역에서 각각의 변수들을 설정하면 됩니다. 이런 설정이 반영되는 결과는 하단의 미리보기를 통해 바로바로 확인할 수 있습니다.

웹 뷰어 스타일 설정 화면

기본값

웹 뷰어 정보 및 배경과 관련된 항목을 수정합니다. 최초 생성시 각 변수들은 기본값으로 설정됩니다. 기본값을 변경하고 싶은 경우에 각 항목을 수정해 주십시요.

  1. 왼쪽 영역에서 <기본값>을 선택합니다.

  2. 오른쪽 영역에서 세부 변수를 변경합니다.

  3. 하단 미리보기를 통해 웹 뷰어 적용 모습을 확인합니다.

  4. 레이아웃 편집이 완료되면 <지금 저장> 버튼을 클릭합니다.

편집하면서 내용을 변경하면 미리보기 옆에 있는 <지금 저장> 버튼이 활성화됩니다. 이 버튼을 눌러야만 변경 사항이 저장됩니다.

웹 뷰어 정보

브라우저 타이틀

웹 뷰어의 브라우저 타이틀을 결정합니다. 브라우저 타이틀의 기본값은 책 제목으로 설정되어 있습니다. 브라우저 타이틀의 내용을 변경하더라도 책 제목은 유지되고 입력한 타이틀이 책 제목의 앞에 설정됩니다.

책 제목이 샘플책이고 브라우저 타이틀을 3Rabbitz로 설정한다면 화면에는 3Rabbitz - 샘플책으로 표시됩니다.

본문 너비

웹 뷰어에서 내용이 들어가는 본문의 최대 너비를 결정할 수 있습니다. 기본값은 800px로 설정되며, 해상도가 넓더라도 설정된 너비보다 더 크게 보실 수는 없습니다. 너무 넓은 본문 넓이는 읽기에 방해가 되므로 적정값을 지정하시기 바랍니다.

일반적으로 와이드 해상도의 경우 기본값인 800px이 최적의 화면 구성을 보여줍니다. 다만 와이드 해상도가 아닌 경우에는 500px로 설정하는 것이 좀 더 최적화된 화면 구성을 보여줍니다.

배경

뷰어 배경

목차와 본문을 모두 포함하는 영역의 배경을 결정하는 항목입니다. 뷰어 배경은 색상 및 이미지를 이용하여 설정할 수 있습니다. 기본값은 아무런 배경이 없는 상태입니다.

색상으로 표현할 수도 있으나, 투명한 이미지를 만들어서 배치시키면 세련된 형태의 웹 뷰어를 만들수 있습니다.

목차 배경

웹 뷰어의 목차 영역의 배경색을 결정할 수 있습니다. 기본값은 아무런 배경이 없는 상태입니다.

본문 배경

웹 뷰어의 본문 영역의 배경색을 결정할 수 있습니다. 기본값은 아무런 배경이 없는 상태입니다.

목차 배경 및 본문 배경을 지정하는 경우 해당 영역의 뷰어 배경의 앞에 위치합니다. 만약 뷰어 배경을 보이도록 설정하려고 하신다면 목차 배경, 본문배경을 삭제해 주시기 바랍니다.

레이아웃

레이아웃

웹 뷰어의 전체 모양을 결정할 수 있습니다.

로고

웹 뷰어의 로고로 사용하고자 하는 이미지를 추가할 수 있습니다.

로고의 크기는 웹 뷰어의 형식에 따라서 크기를 조절하셔야 합니다. 그렇지 않은 경우 화면에서 로고의 모양이 부적합하게 보일 수 있습니다. 미리보기 화면을 통하여 적용되는 모양을 결정하신 후에 수정하시기 바랍니다.