콘텐츠로 건너뛰기

테마 사용

마지막 업데이트 날짜: 2월 18, 2025

명시된 경우를 제외하고 다음 구독 중 어느 것에서나 사용할 수 있습니다.

모든 제품 및 플랜

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

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

테마 이해

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

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

활성 테마 사용

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

아직 계정에 테마를 활성화하지 않았다면 웹사이트 구축을 시작하기 전에 활성화해야 합니다.

  • 콘텐츠로 이동합니다:

    • 웹사이트 페이지:
    • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
  • 아직 웹사이트 페이지를 만들지 않은 경우:
  • 처음부터 시작을 클릭합니다.
  • 테마 선택 화면에서 테마 위로 마우스를 가져간 다음 테마 미리 보기를 클릭하여 테마의 미리 보기를 열거나 활성 테마로 설정을 클릭하여 이 테마를 페이지의 기본값으로 사용합니다.

  • 그런 다음 테마에서 템플릿을 선택하여 HubSpot의 드래그 앤 드롭 편집기를 사용하여 페이지 작성을 계속할 수 있습니다.

테마를 활성으로 설정하면 새 페이지를 만들 때마다 이러한 템플릿이 표시됩니다. 아래 단계에 표시된 대로 템플릿 선택 화면에서 테마 드롭다운 메뉴를 클릭하여 언제든지 계정의 활성 테마를 변경할 수 있습니다.

계정의 활성 테마를 변경하려면 다음과 같이 하세요:

  • 콘텐츠로 이동합니다:

    • 웹사이트 페이지:
    • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
  • 오른쪽 상단에서 만들기를 클릭합니다. 연결된 도메인이 여러 개 있는 경우 웹사이트 드롭다운 메뉴를 클릭하고 대화 상자에서 도메인을 선택합니다. 그런 다음 페이지 이름을 입력하고 페이지 만들기를 클릭합니다.
  • 테마 드롭다운 메뉴를 클릭하고 테마 변경을 선택합니다.

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

  • 콘텐츠로 이동합니다:

    • 웹사이트 페이지:
    • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
  • 오른쪽 상단에서 만들기를 클릭합니다.
  • 연결된 도메인이 여러 개 있는 경우 웹사이트 드롭다운 메뉴를 클릭하고 대화 상자에서 도메인을 선택합니다. 그런 다음 페이지 이름을 입력하고 페이지 만들기를 클릭합니다.
  • 템플릿 선택 화면의 테마 템플릿 섹션에 활성 테마의 템플릿이 표시됩니다. 활성 테마에 포함되지 않은 템플릿을 보려면 기타 템플릿을 클릭합니다.
  • 템플릿 위로 마우스를 가져간 다음 템플릿 미리 보기를 클릭하여 템플릿을 미리 보거나 템플릿 선택을 클릭하여 콘텐츠 편집기로 계속 이동합니다.

  • 콘텐츠 편집기에서 드래그 앤 드롭 편집기를 사용하여 페이지 콘텐츠를 편집합니다.
  • 변경 사항을 적용하려면 오른쪽 상단에서 게시 또는 업데이트를 클릭한 다음 대화 상자에서 지금 게시 또는 지금 업데이트를 클릭합니다.

블로그에 테마 템플릿 적용

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

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

  • 테마 선택 화면에서 테마를 선택한 다음 해당 테마를 사용하여 템플릿을 선택합니다. 오른쪽 하단에서 완료를 클릭합니다.
  • 블로그 글 및 블로그 목록 페이지 템플릿을 설정했으면 왼쪽 하단에서 저장을 클릭합니다.

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

테마 설정 편집

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

테마 관리

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

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

테마 복제

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

참고: 다음에서 구매한 테마는 HubSpot 템플릿 마켓플레이스Elevate 테마는 복제할 수 없습니다. 대신 다음을 수행할 수 있습니다 하위 테마를 만들 수 있습니다.
  • HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  • 파인더에서 @hubspot 폴더를 클릭합니다. 이 폴더에는 드래그 앤 드롭 이메일 모듈을 포함한 모든 테마와 기본 모듈이 포함되어 있습니다.
  • 테마 폴더를 마우스 오른쪽 버튼으로 클릭한 다음 테마 복제를 선택합니다.

  • 대화 상자에서 테마의 이름을 입력한 다음 만들기를 클릭합니다.

테마가 루트 폴더에 복사되고 다른 폴더와 함께 파인더에 나열됩니다.

하위 테마 만들기

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

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

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

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

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

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

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

  • HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  • 파인더에서 복사하려는 테마 폴더 위로 마우스를 가져간 다음 폴더를 마우스 오른쪽 버튼으로 클릭하고 다른 계정으로 복사를 선택합니다.

  • 대화 상자에서 계정을 선택한 다음 자산 복사를 클릭합니다. 복사 프로세스가 완료되는 즉시 폴더가 지정된 계정에 나타납니다.

테마 업로드

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

  • 콘텐츠로 이동합니다:

    • 웹사이트 페이지:
    • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
  • 오른쪽 상단에서 만들기를 클릭합니다.
  • 연결된 도메인이 여러 개 있는 경우 웹사이트 드롭다운 메뉴를 클릭하고 대화 상자에서 도메인을 선택합니다. 그런 다음 페이지 이름을 입력하고 페이지 만들기를 클릭합니다.
  • 템플릿 선택 화면에서 테마 드롭다운 메뉴를 클릭하고 테마 변경을 선택합니다.

  • 오른쪽 상단에서 테마숲에서 테마 설치를 클릭합니다.

  • 대화 상자에서 이메일의 구매 코드를 붙여넣은 다음 테마 설치를 클릭합니다.
  • 새 탭에서 Envato의 테마포레스트 마켓플레이스에 로그인하여 설치 프로세스를 완료합니다.

로그인에 성공하면 HubSpot에 배너가 나타납니다. 테마를 사용할 수 있게 되려면 몇 분 정도 걸릴 수 있습니다.

테마 삭제

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

  • HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  • 파인더에서 테마의 에셋이 있는 폴더를 클릭합니다.
  • 파일 드롭다운 메뉴를 클릭하고 [폴더 이름] 삭제를 선택합니다.
  • 대화 상자에서 이 폴더를 삭제할 것인지 확인란을 선택한 다음 이 폴더 삭제를 클릭합니다.

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

  • 구입한 탭을 클릭합니다.
  • 테마 위로 마우스를 가져간 다음 작업 드롭다운 메뉴를 클릭하고 제거를 선택합니다.
  • 대화 상자에서 제거를 클릭합니다.
이 문서가 도움이 되었나요?
이 양식은 문서 피드백에만 사용됩니다. HubSpot으로 도움을 받는 방법 알아보기.