콘텐츠로 건너뛰기
Clevera 고객 센터

문서 사이트의 모양 사용자 지정하기

문서 사이트의 로고, 파비콘, 브랜드 색상, 글꼴, 모서리, 기본 테마 및 홈 페이지 헤더를 설정하고 "Powered by Clevera" 배지를 표시할지 선택하세요. 저장 및 게시하기 전에 모든 변경 사항을 미리 확인해 보세요.

업데이트됨 읽는 시간 5분

모양은 독자에게 보이는 문서 사이트의 모습을 제어합니다. 로고와 파비콘, 브랜드 색상 하나, 글꼴, 모서리 모양, 기본 밝은 테마 또는 다크 테마, 그리고 홈 페이지의 헤더를 설정할 수 있습니다. 변경 사항은 실시간 미리보기에 즉시 반영되며, 다음 게시 시점에 사이트에 적용됩니다.

시작하기 전에

  • 소유자, 관리자, 편집자는 모양을 변경할 수 있습니다. 그 외의 사용자에게는 "관리자와 편집자만 사이트 모양을 변경할 수 있습니다."라는 메시지가 표시됩니다.
  • 일시 중지된 사이트는 읽기 전용입니다. "이 사이트는 일시 중지되었습니다. 모양을 변경하려면 다시 시작하세요."
  • 사이트 이름은 이곳이 아닌 설정 → 일반에서 지정합니다.

모양 변경하기

  1. 모양 열기

    문서 사이트를 열고 사이트 아래의 모양으로 이동하세요. 왼쪽에는 양식이, 오른쪽에는 실시간 미리보기가 표시됩니다. 창이 좁은 경우 미리보기를 클릭하여 여세요.

    모양 화면: 왼쪽에는 로고 슬롯, 파비콘, 브랜드 색상이 있고, 오른쪽에는 Acme Help 홈 페이지의 실시간 미리보기가 표시됨
    실시간 미리보기가 포함된 모양 화면
  2. 변경 사항 적용하기

    아래 섹션을 차례대로 진행하세요. 입력하는 동안 미리보기가 업데이트됩니다.

  3. 미리보기 확인하기

    미리보기를 데스크톱과 휴대전화, 밝게와 다크, 그리고 홈 페이지와 아티클 페이지 간에 전환하며 확인하세요.

  4. 저장 및 게시하기

    막대에 저장되지 않은 변경 사항과 함께 취소 및 저장 버튼이 표시됩니다. 저장을 클릭한 다음, 사이트를 게시하여 새로운 모습을 적용하세요. 자동 게시가 켜져 있으면 몇 분 후에 자동으로 게시됩니다.

저장되지 않은 변경 사항이 있는 상태에서 페이지를 나가려고 하면 Clevera가 확인 메시지를 표시합니다.

로고 및 파비콘

"PNG, JPG, WebP 또는 SVG 형식, 최대 2MB."

슬롯 용도 비어 있을 때
밝은 배경 밝은 모드 헤더의 로고 사이트 이름이 텍스트로 표시됨 ("사이트 이름을 텍스트로 표시")
다크 배경 다크 모드의 로고 "밝은 로고 사용"
파비콘 브라우저 탭의 작은 아이콘 "로고에서 가져옴"

각 슬롯에는 업로드, 바꾸기, 제거 기능이 있습니다. "다크 모드 로고를 업로드하지 않으면 다크 배경에 밝은 로고가 사용됩니다. 파비콘은 직접 업로드하지 않는 한 로고에서 가져옵니다."

색상

"버튼, 링크, 강조 표시에 사용할 브랜드 색상 하나."

  • 8개의 견본 중 하나를 클릭하거나 색상 선택 도구를 사용하여 #2563eb와 같은 16진수 값으로 "색상을 선택하거나 붙여넣으세요." 기본값은 #4f46e5입니다.
  • 다크 모드 색상 설정을 켜서 다크 배경에 사용할 색상을 선택하세요. 끄면 "색상을 다크 배경에 맞게 밝게 조정합니다." 파생된 색상은 16진수 값과 함께 자동으로 표시됩니다.
  • 아래의 대비 메모에서 링크 가독성을 확인하세요. "링크가 밝은 배경과 다크 배경에서 잘 보입니다."는 문제가 없음을 의미하며, "링크를 읽기 어려울 수 있습니다. 약간 어둡게 조정합니다."는 사이트가 가독성을 위해 링크 색상을 조정한다는 의미입니다.

타이포그래피

"모든 언어에서 잘 어울리는 인기 조합 또는 모든 Google 글꼴."

조합 제목 본문 텍스트
Inter (기본값) Inter Inter
Geist Geist Geist
Manrope Manrope Manrope
Plus Jakarta Sans Plus Jakarta Sans Plus Jakarta Sans
DM Sans DM Sans DM Sans
IBM Plex Sans IBM Plex Sans IBM Plex Sans
Space Grotesk + Inter Space Grotesk Inter
Source Serif + Sans Source Serif 4 Source Sans 3

다른 글꼴을 원하면 **더 많은 글꼴…**을 클릭하여 제목, 본문 텍스트 또는 둘 다에 사용할 Google 글꼴을 선택하세요. 목록은 인기 있는 글꼴부터 표시되며, 이름을 입력하여 검색할 수 있습니다. 각 글꼴은 산세리프, 세리프, 표시, 필기체, 모노 스타일로 표시됩니다.

"모든 Google 글꼴을 지원합니다. 사이트와 함께 호스팅되므로 독자가 Google에서 불러올 필요가 없습니다. 해당 글꼴에 없는 언어는 조합된 글꼴을 사용합니다." 따라서 선택한 글꼴에 일본어 문자가 없으면 일본어 페이지는 선택한 조합 글꼴로 대체됩니다.

모양 및 테마

설정 옵션 기본값
모서리 선명함, 부드러움, 둥글게: 버튼, 카드, 상자의 모서리 둥글기 부드러움
기본 테마 시스템 (독자의 기기 설정 따름), 밝게, 다크. "독자가 헤더에서 전환할 수 있습니다." 시스템

홈 페이지 헤더

홈은 "사이트 첫 페이지의 상단"을 설정합니다.

필드 기능 기본값
제목 큰 제목, 최대 120자 사이트 이름
부제목 제목 아래 줄, 최대 300자 비어 있음
검색창 제목 아래 검색창 켜짐
배경 "제목과 검색창 뒤"에 배치되는 요소 그라데이션 (부드러운 빛)

제목과 부제목은 언어별로 다르게 설정할 수 있습니다. 필드 아래의 다른 언어를 열거나 모든 언어로 번역을 클릭하여 누락된 언어를 무료로 채우세요. 언어가 비어 있으면 기본 언어의 텍스트가 표시됩니다.

배경

"텍스트 색상은 밝은 모드와 다크 모드에서 가독성을 유지하도록 조정됩니다." "제목 대비 · 밝게 7.1:1 · 다크 9.4:1"과 같은 대비 수치는 제목의 가독성을 보여줍니다.

옵션 선택 항목
일반 제목 뒤에 색상, 그라데이션, 이미지가 없음
색상 "브랜드 색상에서 제안되거나 직접 선택 가능": 희미한 색조, 밝은 색조, 부드러운 색조, 브랜드 색상, 짙은 음영, 잉크, 종이, 차콜
그라데이션 부드러운 빛, 워시, 오로라, 일출, 브랜드, 자정, 안개, 모래, 흑연
이미지 그려진 패턴 (파도, 메시, 점, 청사진, 등고선, 고리, 선, 별자리) 또는 사용자 지정 이미지

패턴은 브랜드 색상을 따르며 모든 플랜에서 사용할 수 있습니다. 사용자 지정 이미지는 Starter 플랜 이상에서 가능합니다. "PNG, JPG 또는 WebP 형식, 최대 8MB. 가로가 긴 이미지가 가장 좋으며, 독자를 위해 크기를 조정하고 압축합니다." 이는 "패턴 대신 표시되며, 제목이 잘 보이도록 어둡게 처리됩니다."

배지

"Powered by Clevera" 표시는 "바닥글에 작은 배지를 추가합니다."

플랜 배지
무료 항상 표시됨, 스위치 잠김
Starter, Pro, Business, Custom 기본적으로 켜짐, 끄기로 숨기기 가능

플랜별 포함 사항

옵션 무료 Starter 이상
로고, 파비콘, 색상, 글꼴, 모서리, 테마 예 예
홈 배경: 일반, 색상, 그라데이션, 패턴 예 예
홈 배경: 사용자 지정 이미지 아니요 예
배지 숨기기 아니요 예

기타 자세한 내용은 문서 사이트 플랜 및 제한을 확인하세요.

문제 해결

표시되는 메시지 해결 방법
"이미지가 2MB를 초과합니다." 로고 크기를 줄이거나 WebP 또는 SVG로 저장하세요. 홈 이미지는 최대 8MB까지 가능합니다.
"PNG, JPG, WebP 또는 SVG 이미지를 사용하세요." 로고와 파비콘은 이 형식만 지원합니다. 홈 이미지는 PNG, JPG, WebP를 지원합니다.
"이미지를 사용할 수 없습니다. PNG 또는 JPG를 시도하세요." 파일을 읽을 수 없습니다. PNG 또는 JPG로 다시 내보내세요.
"이미지가 업로드되지 않았습니다. 다시 시도하세요." 업로드가 중단되었습니다. 다시 시도하세요.
"모양을 저장할 수 없습니다. 다시 시도하세요." 저장되지 않았습니다. 빨간색으로 표시된 필드를 확인한 후 저장을 다시 클릭하세요.
"글꼴 목록을 불러올 수 없습니다." 다시 시도를 클릭하세요. 현재 글꼴은 그대로 유지됩니다.
라이브 사이트가 여전히 이전 모습입니다 저장은 게시를 의미하지 않습니다. 사이트 상단의 게시를 클릭하세요.