지식창고 테마 사용자 지정하기

테마 편집기에서 레이아웃을 선택하고, 테마 스타일을 변경하고, 머리글 또는 바닥글 콘텐츠를 편집하여 지식창고의 모양을 사용자 지정할 수 있습니다. 지식창고 테마가 템플릿, 다양한 언어 및 다양한 화면 크기에 어떻게 표시되는지 미리 볼 수도 있습니다.

제한 사항 및 고려 사항 이해하기

• 이러한 툴은 마이그레이션된 지식창고에서만 사용할 수 있습니다. 지식창고 마이그레이션에 대해 자세히 알아보세요.
• 마이그레이션하지 않은 지식창고의 경우에는 레거시 지식창고를 만들고 사용자 지정하는 방법에 대해 자세히 알아보세요.
• 디자인 관리자에서는 지식창고를 사용자 지정하거나 사용자 지정 테마를 사용할 수 없습니다.

지식창고 테마 스타일 사용자 지정하기

지식창고 테마 편집기에는 색상, 타이포그래피, 레이아웃, 머리글 및 바닥글 스타일을 구성할 수 있는 옵션이 있습니다.

색상

지식창고 테마의 색상 설정은 테마의 템플릿에 포함된 모든 요소에 기본색, 보조색, 강조색 및 본문색을 적용합니다. 이러한 스타일은 지식창고의 모든 요소에 적용됩니다.

1. HubSpot 계정에서 서비스 > 기술 자료로 이동합니다.
2. 오른쪽 상단의 구성 드롭다운 메뉴를 클릭하고 테마를 선택합니다.
3. 클릭하여 색상 섹션을 펼치고 기본, 보조, 강조 및 본문 필드에 대한 색상을 선택합니다. 기본적으로브랜드 색상이 표시됩니다.
4. 완료했으면 오른쪽 상단의 테마 게시를 클릭합니다.

타이포그래피

지식창고의 제목, 본문 및 링크에 적용할 기본 및 보조 글꼴을 선택합니다.

1. HubSpot 계정에서 서비스 > 기술 자료로 이동합니다.
2. 오른쪽 상단의 구성 드롭다운 메뉴를 클릭하고 테마를 선택합니다.
3. 왼쪽 사이드바에서 타이포그래피를 클릭합니다.
4. 기본 및 보조 섹션에서 글꼴 드롭다운 메뉴를 클릭하고 글꼴을 선택합니다. 글꼴 색상을 변경하려면 색상 선택기를 클릭하고 글꼴 색상을 선택합니다. 추가 글꼴 스타일 옵션(예: 글꼴 굵기, 크기 또는 대소문자 변환)은 선택한 글꼴에 따라 달라집니다.
5. 제목, 본문 또는 링크 글꼴을 편집하려면 제목(H1-H6), 본문 또는 링크 섹션을 클릭하여 확장하고 글꼴 드롭다운 메뉴를 클릭한 다음 글꼴을 선택합니다. 글꼴 색상을 변경하려면 색상 선택기를 클릭하고 글꼴 색상을 선택합니다.
6. 완료했으면 오른쪽 상단의 테마 게시를 클릭합니다.

레이아웃

1. HubSpot 계정에서 서비스 > 기술 자료로 이동합니다.
2. 오른쪽 상단에서 구성 드롭다운 메뉴를 클릭하고 테마를 선택합니다.
3. 클릭하여 레이아웃 섹션을 확장하고 옵션 (예: 타일 또는 최소)을 선택합니다. 레이아웃 옵션에 따라 다양한 스타일링 옵션을 지원합니다.
4. 완료했으면 오른쪽 상단의 테마 게시를 클릭합니다.

헤더

헤더 너비, 상단 표시줄, 언어 전환기, 메뉴, 버튼 및 검색창을 포함하여 지식창고 테마의 헤더 스타일을 사용자 지정합니다. 이러한 요소 내에서 색상, 글꼴 및 호버 스타일을 편집할 수도 있습니다.

1. HubSpot 계정에서 서비스 > 기술 자료로 이동합니다.
2. 오른쪽 상단에서 구성 드롭다운 메뉴를 클릭하고 테마를 선택합니다.
3. 왼쪽 사이드바에서 헤더를 클릭하고 다음 중에서 선택합니다:
   
   • 헤더 너비: 전체 너비 또는 콘텐츠 너비를 선택합니다.
   • 상단 표시줄: 배경색, 기본 글꼴 및 호버 글꼴을 선택합니다.
   • 언어 전환기: 색상 선택기를 클릭하고 색상을 선택합니다.
   • 메뉴: 기본 글꼴, 호버 글꼴, 배경색, 드롭다운 스타일을 선택합니다.
   • 버튼: 글꼴, 텍스트 변형, 배경색, 테두리 스타일, 모서리 반경 및 호버 글꼴 스타일을 선택합니다.
   • 검색창: 배경색, 레이블 텍스트, 입력 텍스트 스타일을 선택합니다.
4. 완료했으면 오른쪽 상단의 테마 게시를 클릭합니다.

바닥글

1. HubSpot 계정에서 서비스 > 기술 자료로 이동합니다.
2. 오른쪽 상단에서 구성 드롭다운 메뉴를 클릭하고 테마를 선택합니다.
3. 왼쪽 사이드바에서 바닥글을 클릭하고 다음 중에서 선택합니다:
   1. 바닥글 너비: 전체 너비 또는 콘텐츠 너비를 선택합니다.
   2. 배경: 색상 선택기를 클릭하고 색상을 선택합니다.
   3. 메뉴: 기본 글꼴 및 호버 글꼴을 선택합니다. 글꼴 색상을 변경하려면 색상 선택기를 클릭하고 글꼴 색상을 선택합니다.
   4. 텍스트: 글꼴을 선택합니다.
   5. 소셜 아이콘: 아이콘 크기, 아이콘 모양, 아이콘 색상, 배경 색상 및 정렬을 선택합니다.
4. 완료했으면 오른쪽 상단의 테마 게시를 클릭합니다.

지식창고 헤더 콘텐츠 편집하기

브랜드 또는 탐색 링크를 표시하도록 지식창고 헤더 콘텐츠를 사용자 지정합니다. 게시된 업데이트는 모든 지식창고 페이지에 자동으로 표시됩니다.

1. HubSpot 계정에서 서비스 > 기술 자료로 이동합니다.
2. 오른쪽 상단의 구성 드롭다운 메뉴를 클릭하고 헤더를 선택합니다.
3. 글로벌 콘텐츠 편집기에서 왼쪽 사이드바의 siteTree 콘텐츠 아이콘을 클릭합니다.
4. 왼쪽 사이드바에서 웹사이트 헤더 모듈을 클릭하고 다음 중에서 선택합니다:
   • 로고: 기본 로고 덮어쓰기 스위치를 토글하거나 이 도메인의 기본 로고 편집을 클릭합니다. 회사명을 표시하려면 로고가 설정되지 않은 경우 회사명 표시 스위치를 켭니다.
   • 추가 지원 옵션: 고객 포털 링크 표시, 제한된 콘텐츠에 대한 로그인 표시 또는 지원 양식 스위치를 토글합니다.
   • 메뉴: 메뉴 및 최대 레벨을 선택합니다.
   • 버튼: 버튼 추가 확인란, 링크 대상 및 링크 유형을 선택합니다.
   • 언어 전환기: 언어 전환기 추가 확인란 및 표시 모드를 선택합니다.
5. 완료했으면 오른쪽 상단의 [#] 에셋에 게시를 클릭합니다.

지식창고 바닥글 콘텐츠 편집하기

브랜드 또는 탐색 링크를 표시하도록 지식창고 바닥글 콘텐츠를 사용자 지정합니다. 게시된 업데이트는 모든 지식창고 페이지에 자동으로 표시됩니다.

1. HubSpot 계정에서 서비스 > 기술 자료로 이동합니다.
2. 오른쪽 상단에서 구성 드롭다운 메뉴를 클릭하고 바닥글을 선택합니다.
3. 글로벌 콘텐츠 편집기에서 siteTree 콘텐츠 아이콘을 클릭하고 다음 중에서 선택합니다:
   • 바닥글 메뉴: 메뉴 드롭다운 메뉴를 클릭하고 메뉴를 선택합니다. 모든 지식창고 페이지에 바닥글 메뉴를 표시하려면 메뉴 표시 확인란을 선택합니다.
   • 로고: 기본 로고 덮어쓰기 스위치를 토글하거나 이 도메인의 기본 로고 편집을 클릭합니다.
   • 바닥글 주소: 확장 보기에서 편집을 클릭하고 바닥글 주소를 입력합니다.
   • 소셜 팔로우: 소셜 링크 위로 마우스를 가져가 editIcon 수정 아이콘을 클릭합니다. 링크 대상 드롭다운 메뉴를 클릭하고 옵션을 선택합니다.
   • 바닥글 저작권: 확장 보기에서 편집을 클릭하고 바닥글 저작권을 입력합니다.
4. 완료했으면 오른쪽 상단의 [#] 자산에 게시를 클릭합니다.

지식창고 테마 미리 보기

지식창고를 만들고 나면 테마 편집기에서 테마가 어떻게 보이는지 볼 수 있습니다. 다양한 템플릿, 언어 및 화면 크기에서 테마가 어떻게 보이는지 확인할 수 있습니다.

1. HubSpot 계정에서 서비스 > 기술 자료로 이동합니다.
2. 오른쪽 상단에서 구성 드롭다운 메뉴를 클릭하고 테마를 선택합니다.
3. 샘플 콘텐츠가 포함된 템플릿을 보려면 왼쪽 상단의 보기 드롭다운 메뉴를 클릭하고 템플릿을 선택합니다. 테마에 대한 변경 사항이 모든 지식창고 템플릿에 적용됩니다.

4. 다른 언어로 된 템플릿을 보려면 왼쪽 상단의 두 번째 드롭다운 메뉴를 클릭하고 언어를 선택합니다.

5. 다른 디바이스에서 템플릿이 어떻게 표시되는지 보려면 편집기 상단의 디바이스 아이콘을 클릭하거나 화면 너비를 픽셀 단위로 입력합니다.