색 선택 및 글꼴 선택 기능이 있는 간단한 WYSIWYG 디자인 도구를 사용하여 헬프 센터의 디자인을 변경할 수 있습니다. 예를 들어 헬프 센터가 회사의 브랜딩 가이드라인을 따르도록 로고, 색 및 웹 글꼴을 변경할 수 있습니다. 브래딩 옵션은 Guide의 설정 창에 있습니다.
이 문서에서 다루는 주제는 다음과 같습니다.
설정 창의 옵션으로 브랜딩을 업데이트하는 것 외에 Copenhagen 기본 테마에서 몇 가지 일반적인 요소를 쉽게 숨기거나 표시할 수 있습니다(Copenhagen 기본 테마에서 요소 숨기기 및 표시하기 참조). 또는 기본 테마 코드를 편집하여(Suite Team에서는 사용할 수 없음) 헬프 센터의 요소를 사용자 지정할 수도 있습니다(테마 및 기본서식을 사용하여 헬프 센터 사용자 지정하기 참조).
헬프 센터에서 색 업데이트하기
- 브랜드 색
- 브랜드 텍스트 색
- 텍스트 색
- 링크 색
- 배경 색
헬프 센터 색을 업데이트하려면 다음과 같이 하세요.
- Guide의 사이드바에서 디자인 사용자 지정 아이콘(
)을 클릭합니다. - 업데이트하려는 테마에서 사용자 지정을 클릭합니다. 그러면 테마 페이지가 열립니다.
- 설정 창에서 색을 클릭합니다.
- 옵션 옆에 있는 색 상자를 클릭한 다음 색 선택기를 사용하여 색을 선택하거나 수동으로 색에 해당하는 숫자를 입력합니다.
미리 보기 창에 색이 업데이트됩니다.
색 상자에서 클릭하고 나가면 선택한 색이 저장됩니다.
- 변경하려는 다른 색에 대해 위 단계를 반복합니다.
- 색 업데이트를 모두 마쳤으면 게시를 클릭합니다.
변경 내용이 테마에 적용됩니다.
- 뒤로를 클릭하여 테마 페이지로 돌아갑니다.
헬프 센터에서 글꼴 업데이트하기
기본적으로 머리글과 텍스트의 글꼴을 변경할 수 있습니다. 몇 가지 기본 제공 글꼴 옵션 목록을 사용할 수 있습니다.
헬프 센터 글꼴을 업데이트하려면 다음과 같이 하세요.
- Guide의 사이드바에서 디자인 사용자 지정 아이콘()을 클릭합니다.
- 업데이트하려는 테마에서 사용자 지정을 클릭합니다. 그러면 테마 페이지가 열립니다.
- 설정 창에서 글꼴을 클릭합니다.
- 머리글 글꼴을 변경하려면 머리글 아래 드롭다운 메뉴를 클릭한 다음 머리글의 글꼴을 선택합니다.
미리 보기 창에 글꼴이 업데이트됩니다.
- 텍스트 글꼴을 변경하려면 텍스트 아래 드롭다운 메뉴를 클릭한 다음 텍스트의 글꼴을 선택합니다.
미리 보기 창에 글꼴이 업데이트됩니다.
- 글꼴 업데이트를 모두 마쳤으면 게시를 클릭합니다.
변경 내용이 테마에 적용됩니다.
- 뒤로를 클릭하여 테마 페이지로 돌아갑니다.
헬프 센터의 로고 및 파비콘 업데이트하기
헬프 센터의 로고 및 파비콘을 변경할 수 있습니다. 로고는 헬프 센터의 헤더에 나타납니다. 파비콘은 브라우저 탭과 브라우저 주소 표시줄의 URL 옆에 표시되는 작은 이미지입니다. 일부 검색 엔진은 검색 결과 목록의 페이지 옆에도 파비콘을 표시합니다.
여기에서 사용할 내 이미지 및 기타 브랜딩 자산을 업로드하는 데 대한 자세한 내용은 헬프 센터 자산에 자체 테마 자산 사용하기를 참조하세요.
헬프 센터 테마의 로고 및 파비콘을 업데이트하려면 다음과 같이 하세요.
- Guide의 사이드바에서 디자인 사용자 지정 아이콘()을 클릭합니다.
- 업데이트하려는 테마에서 사용자 지정을 클릭합니다. 그러면 테마 페이지가 열립니다.
- 설정 창에서 브랜드를 클릭합니다.
- 로고를 변경하려면 로고 아래에서 바꾸기를 클릭하여 이미지를 찾아 선택합니다
권장 이미지 크기는 200 x 50픽셀입니다. Copenhagen 테마의 경우 권장 최대 높이는 37픽셀입니다.
이미지의 너비나 높이가 권장 크기를 초과하면 가로 세로 비율을 일정하게 유지하기 위해 이미지가 축소됩니다. 이미지 배경은 투명하거나 헤더의 배경 색과 일치해야 합니다.
- 파비콘을 변경하려면 파비콘 아래에서 바꾸기를 클릭하여 이미지를 찾아 선택합니다
최상의 결과를 얻으려면 파비콘 이미지를 정사각형으로 만드세요. 디스플레이 크기에 맞추어 이미지가 확장 또는 축소됩니다.
- 로고나 파비콘의 기본 이미지로 다시 변경하려면 되돌리기를 클릭합니다.
- 로고 또는 파비콘 업데이트를 모두 마쳤으면 게시를 클릭합니다.
변경 내용이 테마에 적용됩니다.
- 뒤로를 클릭하여 테마 페이지로 돌아갑니다.
테마의 이미지 업데이트하기
기본 Copenhagen 테마에는 바꿀 수 있는 다음의 3가지 이미지가 제공됩니다.
- 히어로 홈 이미지: 홈 페이지 위쪽에 나타납니다.
- 커뮤니티 히어로 이미지: 커뮤니티 주제 페이지 위쪽에 나타납니다.
- 커뮤니티 배너: 홈 페이지의 커뮤니티 섹션에 나타납니다.
테마의 이미지를 업데이트하려면 다음과 같이 하세요.
- Guide의 사이드바에서 디자인 사용자 지정 아이콘()을 클릭합니다.
- 설정 창에서 이미지를 클릭합니다.
- 설정 창에 표시되는 아무 이미지 아래에서 바꾸기를 클릭하여 이미지를 찾아 선택합니다.
- 홈 이미지와 커뮤니티 이미지의 경우 권장 크기는 1600 x 300픽셀입니다.
로드 시간이 오래 걸릴까 봐 우려된다면 너비가 1600픽셀 미만의 이미지를 사용할 수 있지만 높이가 최소 300픽셀 이상이어야 이미지가 늘어나 보이지 않습니다. 이미지가 권장 크기를 초과하면 가로 세로 비율을 일정하게 맞추고 최대 높이 300픽셀을 유지하기 위해 이미지가 축소됩니다.
- 커뮤니티 배너의 경우 이미지가 늘어지는 것을 피하기 위해 높이가 300픽셀 미만이어야 합니다.
설정 창에 이미지가 나타납니다. 이미지를 사용하지 않으려면 되돌리기를 클릭하여 기본 이미지로 돌아갑니다.
- 홈 이미지와 커뮤니티 이미지의 경우 권장 크기는 1600 x 300픽셀입니다.
- 다른 이미지를 바꾸려면 위의 단계를 반복합니다.
- 이미지 업데이트를 모두 마쳤으면 게시를 클릭합니다.
변경 내용이 테마에 적용됩니다.
- 뒤로를 클릭하여 테마 페이지로 돌아갑니다.