공개 페이지의 디자인
공개 페이지의 색상, 헤더·푸터의 링크, 헤더 로고, 페이지 트리 표시, 커버 이미지, 파비콘을 설정하는 방법을 설명합니다.
설정 위치와 반영 시점
설정은 편집 화면 오른쪽 패널의 "문서" 탭에 있습니다. 테마·헤더·푸터·페이지 트리는 "공개 페이지 설정"의 각 항목을 열어 변경한 뒤 "저장"을 클릭합니다. 커버 이미지와 파비콘은 "기본 정보"에 있습니다. 각 설정 이름 옆의 "?"를 클릭하면 그 설정의 설명이 표시됩니다.
저장한 설정은 본문과 마찬가지로 공개했을 때 반영됩니다. 로고·커버 이미지·파비콘도 같습니다. 변경한 뒤에는 문서 공개의 절차로 공개해 주세요.
테마 설정
공개 페이지의 버튼·링크·채팅 메시지 등의 색상을 다음 테마 색상 중에서 선택합니다.
- 모노크롬(Monochrome)
- 블루(Blue)
- 그린(Green)
- 오렌지(Orange)
- 퍼플(Purple)
헤더 설정·푸터 설정
공개 페이지 위쪽(헤더)의 오른쪽과 아래쪽(푸터)에 나열할 링크를 설정합니다. "링크 추가"를 클릭하고 표시 이름과 링크 대상을 입력합니다. 링크 대상으로 문서 안의 페이지도 선택할 수 있습니다.
헤더 로고
헤더 설정의 "로고"에서 이미지를 선택하면 공개 페이지 헤더에 문서 이름 대신 로고를 표시합니다. 로고 영역을 클릭해 이미지를 선택하고, ✕를 클릭하면 삭제할 수 있습니다(삭제하면 문서 이름 표시로 돌아갑니다).
헤더 설정의 "로고"
로고를 설정한 공개 페이지의 헤더(왼쪽이 로고, 오른쪽이 헤더 링크)
- 표시 크기: 높이 40px, 너비 250px(스마트폰 등 폭이 좁은 화면에서는 176px)까지로 표시합니다. 가로세로 비율을 유지하며 잘라내지 않습니다. 헤더 오른쪽의 링크가 많아 폭이 부족하면 로고 전체를 축소해 표시합니다.
- 권장 이미지: 배경이 투명한 가로형 PNG(높이 120px 이상). 가로세로 비율은 1:1~6:1 정도가 보기 좋습니다. 10MB 이하의 이미지를 선택해 주세요(JPEG·PNG·WebP·GIF·AVIF. SVG는 선택할 수 없습니다).
- 이미지 처리: 가로세로 비율을 유지한 채 높이 120px, 너비 750px 이하로 줄여 저장합니다(작은 이미지는 확대하지 않습니다).
- 문서 이름: 로고를 표시하는 경우에도 문서 이름은 로고의 대체 텍스트로 화면 낙독기 등에 전달됩니다.
로고는 모든 요금제에서 사용할 수 있습니다.
페이지 트리 설정
공개 페이지 왼쪽의 페이지 트리에 표시할 페이지의 깊이와, 처음부터 접어 둘 깊이를 설정합니다. 깊이는 루트 페이지(첫 페이지)를 1, 그 하위 페이지를 2로 셉니다.
| 항목 | 설명 |
|---|---|
| 표시할 깊이 | 어느 깊이의 페이지까지 트리에 표시할지 정합니다. 설정보다 깊은 페이지는 트리에 표시되지 않지만, 페이지 자체는 열 수 있습니다. 기본값은 3입니다. |
| 접을 깊이 | 어느 깊이부터의 페이지를 처음에 접어서 표시할지 정합니다. "3 이상"~"10 이상"과 "접지 않음" 중에서 선택합니다. 기본값은 "3 이상"입니다. |
접은 페이지는 다음과 같이 표시됩니다.
- 펼치는 방법: 독자는 페이지 제목 왼쪽의 화살표를 클릭해 접은 페이지를 펼치거나 접을 수 있습니다.
- 보고 있는 페이지: 독자가 보고 있는 페이지와 그 부모 페이지는 펼친 상태로 표시합니다.
- 표시할 깊이와의 관계: "접을 깊이"를 "표시할 깊이"보다 깊게 설정하면 접을 깊이의 페이지가 트리에 표시되지 않으므로, 접히는 페이지는 없습니다.
스마트폰 등 폭이 좁은 화면에서는 화면 위쪽의 메뉴 버튼으로 페이지 트리를 열고 닫을 수 있습니다.
커버 이미지
"문서" 탭의 "기본 정보"에 있는 "커버 이미지" 영역을 클릭해 이미지를 선택합니다. 커버 이미지는 문서 목록의 카드와, SNS에서 공개 페이지를 공유했을 때의 이미지로 사용됩니다. 이미지는 1200×630으로 잘립니다. 10MB 이하의 이미지를 선택해 주세요.
- SNS에서 공유했을 때의 이미지는 다른 설정과 마찬가지로 공개했을 때 반영됩니다.
- 문서 목록의 카드와 대시보드에는 설정하면 바로 표시됩니다.
파비콘
파비콘은 브라우저의 탭이나 북마크에 표시되는 작은 아이콘입니다. "문서" 탭의 "기본 정보"에 있는 "파비콘" 영역을 클릭해 이미지를 선택합니다. ✕를 클릭하면 삭제할 수 있습니다.
- 이미지는 정사각형(192×192)으로 잘립니다. 정사각형 이미지를 선택하면 깔끔하게 표시됩니다.
- 스마트폰에서 공개 페이지를 홈 화면에 추가했을 때의 아이콘으로도 사용됩니다.
- 설정하지 않으면 파비콘은 표시되지 않습니다.
- 파비콘은 다른 설정과 마찬가지로 공개했을 때 반영됩니다.
- 파비콘은 모든 언어에서 공통입니다.
- 모든 요금제에서 사용할 수 있습니다.