테마 사용

테마는 웹사이트를 만드는 데 사용할 수 있는 템플릿, 모듈, 글로벌 콘텐츠 및 스타일 설정의 집합입니다. 콘텐츠 편집기에서 테마를 사용하여 페이지와 글을 편집하고 블로그 설정에서 테마를 사용하도록 블로그 템플릿을 설정할 수 있습니다.

모든 계정은 하나 이상의 기본 HubSpot 테마에 액세스할 수 있습니다. 테마는 템플릿 마켓플레이스에서 다운로드할 수도 있습니다.

테마 이해하기

테마는 웹사이트의 파일 집합입니다:

• 코딩된 템플릿: 홈페이지, 정보 페이지, 랜딩 페이지, 블로그 템플릿을 포함한 웹사이트용 템플릿 세트입니다. 이러한 템플릿은 개발자가 사용자 정의 코딩한 것이지만 콘텐츠 편집기에서 콘텐츠와 레이아웃을 사용자 정의할 수 있습니다.
• 모듈: 해당 테마를 사용하여 콘텐츠에 추가할 수 있는 고유한 테마 모듈 세트입니다.
• 글로벌 콘텐츠: 웹사이트 헤더 또는 바닥글과 같이 여러 페이지에서 반복되는 콘텐츠입니다. 드래그 앤 드롭 페이지 편집기에서 직접 전역 콘텐츠를 편집할 수 있습니다.
• 테마 설정: 글꼴, 간격, 색상 등 테마를 사용하는 템플릿의 스타일 설정입니다.

활성 테마 사용하기

활성 테마를 설정하여 해당 테마의 페이지를 새로 만든 페이지의 기본 옵션으로 표시할 수 있습니다. 활성 테마를 설정하거나 변경해도 기존 콘텐츠에 사용된 테마는 변경되지 않으므로 콘텐츠의 현재 템플릿을 교체해야 합니다. 추가 테마는 HubSpot 템플릿 마켓플레이스에서 구매할 수 있습니다.

1. 콘텐츠로 이동합니다:
   • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
   • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
2. 만들기 또는 시작하기를 클릭합니다.
3. 테마 선택 페이지에서 원하는 테마 카드에서 활성 테마로 설정을 클릭합니다. 테마를 미리 보려면 테마 미리 보기를 클릭합니다.
4. 템플릿 선택 페이지에서 원하는 템플릿 카드에서 템플릿 선택을 클릭합니다. 그런 다음 HubSpot의 드래그 앤 드롭 편집기를 사용하여 페이지 작성을 계속합니다.

활성 테마 변경

1. 콘텐츠로 이동합니다:

   • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
   • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
2. 오른쪽 상단에서 만들기 또는 시작을 클릭합니다.
3. 웹사이트 페이지에서 테마를 변경하려면 테마 드롭다운 메뉴를 클릭하고 테마 변경을 선택합니다. 그런 다음 원하는 테마 카드에서 활성 테마로 설정을 클릭합니다.

4. 랜딩 페이지에서 테마를 변경하려면 왼쪽 메뉴에서 테마의 이름을 클릭합니다. 그런 다음 원하는 테마 카드에서 활성 테마로 설정을 클릭합니다.

5. 테마 선택 화면에서 테마 위로 마우스를 가져간 다음 테마 미리 보기를 클릭하여 테마의 미리 보기를 열거나 활성 테마로 설정을 클릭합니다.
6. 그런 다음 테마에서 템플릿을 선택하여 HubSpot의 드래그 앤 드롭 편집기를 사용하여 페이지 작성을 계속할 수 있습니다.

테마를 사용하여 페이지 만들기

1. 콘텐츠로 이동합니다:

   • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
   • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
2. 오른쪽 상단에서 만들기 또는 시작을 클릭합니다.
3. 이전에 테마를 선택하지 않은 경우 테마 선택 화면으로 이동합니다. 원하는 테마 카드에서 활성 테마로 설정을 클릭합니다. 테마를 미리 보려면 테마 미리 보기를 클릭합니다.
4. 템플릿 선택 화면의 테마 템플릿 섹션에 활성 테마의 템플릿이 표시됩니다. 활성 테마에 포함되지 않은 템플릿을 보려면 기타 템플릿을 클릭합니다.
5. 테마에서 템플릿을 선택하려면 템플릿 선택 또는 사용을 클릭합니다.
6. 콘텐츠 편집기에서 드래그 앤 드롭 편집기를 사용하여 페이지 콘텐츠를 편집합니다.

7. 변경 내용을 적용하려면 오른쪽 상단의 게시 또는 업데이트를 클릭합니다.

블로그에 테마 템플릿 적용

블로그 설정에서 페이지와 동일한 테마를 사용하도록 블로그를 설정할 수 있습니다. 블로그 글과 블로그 목록 페이지 템플릿은 별도로 선택됩니다.

1. HubSpot 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
2. 왼쪽 사이드바 메뉴에서 콘텐츠 > 블로그로 이동합니다.
3. 블로그가 여러 개 있는 경우 수정할 블로그 선택 드롭다운 메뉴를 클릭하고 블로그를 선택합니다.
4. 템플릿 탭을 클릭합니다.
5. 블로그 글 템플릿 및 블로그 목록 페이지 섹션에서 작업 드롭다운 메뉴를 클릭하고 템플릿 변경을 선택합니다.

6. 테마 선택 화면에서 원하는 테마 카드를 클릭한 다음 템플릿 카드를 클릭합니다. 오른쪽 하단에서 완료를 클릭합니다.

참고: 콘텐츠 편집기에서 편집할 수 있는 블로그 목록 페이지의 경우 이 단계를 수행하면 테마 선택 화면 대신 콘텐츠 편집기로 연결됩니다.

테마 설정 편집

테마 설정에서 글꼴, 색상, 간격 등 테마의 스타일을 사용자 정의할 수 있습니다. 여기에서 편집한 스타일은 이 테마에 포함된 모든 페이지와 테마 모듈에 적용됩니다. 테마 설정 관리에 대해 자세히 알아보세요.

테마 관리

디자인 관리자에서 테마를 편집, 복제 또는 다른 HubSpot 계정으로 복사할 수 있습니다. 복제된 테마, 사용자 지정 테마를 삭제하고 하위 테마를 만들 수도 있습니다.

상위 테마에 영향을 주지 않고 하위 테마의 테마 설정을 편집할 수 있지만 테마 자산의 추가 복사본은 생성되지 않습니다. 부모 테마의 자산을 복사하려면 테마를 복제하는 것이 좋습니다.

테마 복제

디자인 관리자에서 기본 테마의 코딩된 파일을 편집하려면 먼저 복제해야 합니다.

1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
2. 파인더에서 @hubspot 폴더를 클릭합니다. 이 폴더에는 드래그 앤 드롭 이메일 모듈을 비롯한 모든 테마와 기본 모듈이 있습니다.
3. 테마 폴더를 클릭합니다.
4. 파일 드롭다운 메뉴를 클릭하고 테마 복제를 선택합니다.
5. 대화 상자에서 테마의 이름을 입력합니다.
6. 복제된 테마의 파일 위치를 변경하려면 파일 위치 필드에서 변경을 클릭합니다. 그런 다음 위치를 선택합니다. 기본적으로 루트 폴더가 선택됩니다.
7. 완료했으면 만들기를 클릭합니다.

하위 테마 만들기

디자인 관리자에서 구매한 템플릿 마켓플레이스 테마 또는 기본 HubSpot 테마를 기반으로 하위 테마를 만들 수 있습니다. 상위 테마에 영향을 주지 않고 하위 테마의 테마 설정을 편집할 수 있습니다.

개발자는 사용자 지정 테마를 기반으로 하위 테마를 만들거나 개발자 문서를 사용하여 CLI를 사용하여 하위 테마를 만들 수도 있습니다. 하위 테마 작업에 대해 자세히 알아보세요.

1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
2. 파인더에서 템플릿 마켓플레이스 테마의 경우 @marketplace 폴더를, 기본 테마의 경우 @hubspot 폴더를 클릭합니다.
3. 테마 폴더를 마우스 오른쪽 버튼으로 클릭한 다음 하위 테마 만들기를 선택합니다.
4. 대화 상자에서 하위 테마의 이름을 입력합니다.
5. 하위 테마를 저장할 위치를 변경하려면 파일 위치 섹션에서 변경을 클릭합니다. 폴더를 클릭한 다음 선택을 클릭합니다.
6. 테마의 CSS 및 JS 파일 이름을 사용자 지정하려면 고급 옵션을 클릭한 다음 CSS 및 JS 필드에 새 파일 이름을 입력합니다.
7. 프로세스를 완료하려면 하위 테마 만들기를 클릭합니다. 콘텐츠 편집기에서 하위 테마의 스타일을 편집할 수 있습니다.

테마를 다른 계정으로 복사하기

한 계정에서 다른 계정으로 테마 폴더를 복사할 수 있습니다. 두 계정 모두에서 디자인 도구 권한이 있는 사용자여야 합니다.

참고: @hubspot 또는 @marketplace 디렉터리에 있는 테마 폴더는 계정 간에 복사할 수 없습니다.

테마를 계정으로 복사하려면 다음과 같이 하세요:

1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
2. 파인더에서 복사하려는 테마 폴더 위로 마우스를 가져간 다음 폴더를 마우스 오른쪽 버튼으로 클릭하고 다른 계정으로 복사를 선택합니다.
3. 대화 상자에서 대상 계정 드롭다운 메뉴를 클릭하고 계정을 선택합니다. 그런 다음 자산 복사를 클릭합니다. 복사 프로세스가 완료되는 즉시 폴더가 대상 계정에 나타납니다.
   
   

테마 업로드

콘텐츠 허브 계정의 사용자는 Envato의 테마숲 마켓플레이스에서 HubSpot 테마를 구매한 다음 테마 선택 화면에서 HubSpot에 업로드할 수 있습니다:

1. Envato 테마포레스트 마켓플레이스의 HubSpot CMS 허브 섹션으로 이동합니다.
2. 마켓플레이스에서테마를 구매합니다.
3. 구매한 테마의 구매 코드가 포함된 이메일을 받게 됩니다. 구매 코드를 복사합니다.
4. HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
5. 오른쪽 상단에서 만들기를 클릭합니다.
6. 템플릿 선택 페이지에서 테마 드롭다운 메뉴를 클릭한 다음 테마 변경을 클릭합니다.

7. 테마 선택 페이지에서 페이지 하단의 테마숲에서 테마 설치를 클릭합니다.
8. 대화 상자에서 이메일의 구매 코드를 붙여넣은 다음 테마 설치를 클릭합니다.
9. 새 탭에서 Envato의 테마포레스트 마켓플레이스에 로그인하여 설치 프로세스를 완료합니다.
10. 로그인하면 HubSpot에 배너가 표시됩니다. 테마를 사용할 수 있게 되려면 몇 분 정도 걸릴 수 있습니다.

테마 삭제

복제된 테마 및 업로드된 테마는 디자인 관리자에서 삭제할 수 있습니다:

1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
2. 파인더에서 테마의 자산이 있는 폴더를 클릭합니다.
3. 파일 드롭다운 메뉴를 클릭하고 [폴더 이름] 삭제를 선택합니다.
4. 대화 상자에서 확인란을 선택하여 종속 항목을 검토했음을 확인한 다음 이 폴더 삭제를 클릭합니다.

구매한 테마는 템플릿 마켓플레이스에서 제거해야 합니다:

1. HubSpot 계정에서 상단 탐색 모음의 마켓플레이스 아이콘 마켓플레이스를 클릭한 다음 마켓플레이스 다운로드를 선택합니다.
2. 테마 탭에서 작업 드롭다운 메뉴를 클릭하고 해당 테마에 대해 제거를 선택합니다.
3. 제거하기 전에 블로그 글 또는 페이지의 템플릿을 변경해야 할 수 있습니다. 페이지 또는 글 템플릿 변경에 대해 자세히 알아보세요.
4. 대화 상자에서 제거를 클릭합니다.