로고, 파비콘, 테마 및 브랜드 색상 편집하기

계정 기본값 수정 권한이 있는 사용자는 브랜드 키트에서 브랜드의 로고, 파비콘 및 브랜드 색상을 편집할 수 있습니다.

참고: 계정당 하나의 브랜드 키트를 만들 수 있습니다. 브랜드 추가 기능을 사용하는 경우 브랜드당 하나의 브랜드 키트를 만들 수 있습니다.

로고 편집하기

계정 설정에서 기본 로고를 편집할 수 있습니다. 개별 콘텐츠에 대해 이 로고를 재정의할 수 있습니다.

• HubSpot 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
• 왼쪽 사이드바 메뉴에서 계정 기본값을 클릭합니다.
• 브랜딩 탭을 클릭합니다.
• 브랜드 추가 기능을 사용하는 경우 브랜드 키트 아래의 드롭다운 메뉴를 클릭하고 로고를 업데이트하려는 브랜드를 선택합니다 .

• 새 로고를 추가하려면 로고 섹션에서 + 추가를 클릭합니다.
• 새 로고를 추가합니다:
  
  • 파일 도구에서 기존 이미지를 로고로 추가하려면 이미지 찾아보기를 클릭합니다. 오른쪽 패널에서 이미지를 클릭합니다.
  • 새 이미지를 추가하려면 업로드를 클릭한 다음 컴퓨터에서 이미지를 추가합니다.
• 로고 이름 필드에 로고의 이름을 입력합니다. 이 필드는 필수 입력 사항입니다.
• 로고 대체 텍스트 필드에 검색 엔진 및 화면 리더용 로고에 대한 설명을 입력합니다. 이렇게 하면 사이트의 접근성과 SEO가 향상됩니다. 웹사이트 접근성에 대한 자세한 내용은 HubSpot의 개발자 문서에서 확인하세요.
• 로고를 클릭할 수 있게 하려면 로고 URL 필드에 URL을 입력합니다.
• 로고 크기를 조정하려면 너비 또는 높이 필드에 새 치수를 입력합니다. 다른 필드는 이미지의 비율을 유지하도록 자동으로 조정됩니다.
• 다른 로고를 추가하려면 로고 섹션 하단의 + 추가를 클릭합니다.
• 기존 이미지를 삭제하려면 이미지 위로 마우스를 가져간 다음 오른쪽 상단의 X를 클릭합니다. 로고를 삭제하려면 작업 드롭다운 메뉴를 클릭한 다음 삭제를 선택합니다.

• 로고 편집을 마치면 왼쪽 하단의 저장을 클릭합니다.

파비콘 편집하기

계정 설정에서 페이지 제목 옆에 있는 브라우저 탭의 작은 이미지인 웹사이트의 파비콘을 사용자 정의할 수 있습니다. 파비콘은 HubSpot에서 호스팅되는 콘텐츠에만 적용됩니다.

참고: 브랜드당 최대 20개의 파비콘을 추가할 수 있습니다.

• HubSpot 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
• 왼쪽 사이드바 메뉴에서 계정 기본값을 클릭합니다.
• 브랜딩 탭을 클릭합니다.

• 브랜드 부가 기능을 사용하는 경우 브랜드 키트 아래의 드롭다운 메뉴를 클릭하고 로고를 업데이트하려는 브랜드를 선택합니다 .

• 새파비콘을 추가하려면파비콘 섹션에서 + 추가를 클릭합니다.

• 새 파비콘을 추가합니다:
  • 파일 도구에서 기존 이미지를 파비콘으로 추가하려면 이미지 찾아보기를 클릭합니다. 오른쪽 패널에서 이미지를 클릭합니다.
  • 새 이미지를 파비콘으로 추가하려면 업로드를 클릭한 다음 컴퓨터에서 이미지를 추가합니다. 최상의 결과를 얻으려면 파비콘을 다음 파일 형식 중 하나의 48×48픽셀 이미지로 저장하세요: .ico, .gif, .png.

• 파비콘 이름 필드에 파비콘의 이름을 입력합니다.

• 파비콘 편집이 끝나면 왼쪽 하단의 저장을 클릭합니다.

브랜드 색상 편집하기

콘텐츠 편집기는 물론 예약 페이지, 견적 및 대화 채널에 표시되는 설정에서 브랜드 색상을 설정할 수 있습니다. 브랜드 색상은 판매 템플릿 및 이메일에는 표시되지 않습니다.

• HubSpot 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
• 왼쪽 사이드바 메뉴에서 계정 기본값을 클릭합니다.
• 브랜딩 탭을 클릭합니다.
• 브랜드 키트 섹션에서 색상 탭을 클릭합니다.

• 브랜드 부가 기능을 사용하는 경우 브랜드 키트 아래의 드롭다운 메뉴를 클릭하고 로고를 업데이트하려는 브랜드를 선택합니다 .

• 브랜드 색상을 설정하려면 다음과 같이 하세요:
  
  • 기본 색상: 브랜드에 사용되는 기본 색상입니다. 기본 색상에서 16진수 코드를 입력하거나 색상 선택기를 클릭하고 색상을 선택합니다. 그런 다음 저장을 클릭합니다. 기본 색 상은 필수 입력란입니다.
  • 보조 색상: 브랜드에서 두 번째로 많이 사용되는 색상입니다. 보조 색상 아래에 16진수 코드를 입력하거나 색상 선택기를 클릭하고 색상을 선택합니다. 그런 다음 저장을 클릭합니다.
  • 강조 색상: 기본 및 보조 브랜드 색상을 보완합니다. 강조 색상에서 16진수 코드를 입력하거나 색상 선택기를 클릭하고 색상을 선택합니다. 그런 다음 저장을 클릭합니다. 강조 색상은 최대 3개까지 추가할 수 있습니다.
  • 추가 색상: 자동으로 사용되지는 않지만 색상 선택기에서 사용할 수 있으며 개발 도구에서 참조할 수 있습니다. 추가 색상 옆에 있는 add 추가를 클릭하고 16진수 코드를 입력하거나 색상 선택기를 클릭하고 색상을 선택합니다. 그런 다음 저장을 클릭합니다. 최대 16개의 색상을 추가할 수 있습니다.
    • 추가 색상을 삭제하려면 제거하려는 색상 옆의 delete 삭제를 클릭한 다음 저장을 클릭합니다.

• 이미 브랜드 색상을 사용하고 있는 라이브 페이지에서 색상을 가져올 수도 있습니다:
  • URL에서 색상 가져오기를 클릭합니다.
  • 대화 상자에서 브랜드 색상을 사용하는 페이지의 URL을 입력하고 색상 찾기를 클릭합니다.
  • 스캔이 완료되면 가져오지 않으려는 색상 옆의 확인란을 선택 취소한 다음 가져오기를 클릭합니다.

테마 변경하기

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

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

참고: 지식창고는 수정된 버전의 테마를 사용합니다. 지식창고 테마 설정 편집에 대해 자세히 알아보세요.

테마를 변경하려면 다음과 같이 하세요:

• HubSpot 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
• 왼쪽 사이드바 메뉴에서 계정 기본값을 클릭합니다.
• 브랜딩 탭을 클릭합니다.

• 브랜드 부가 기능을 사용하는 경우 브랜드 키트 아래의 드롭다운 메뉴를 클릭하고 로고를 업데이트하려는 브랜드를 선택합니다 .

• 브랜드 키트 섹션에서 테마 탭을 클릭합니다.
• 테마 옆의 작업을 클릭한 다음 다음 중 하나를 선택합니다:
  • 테마 변경을 선택하여 다른 테마를 선택합니다.
    • 사용 가능한 테마가 표시됩니다. 브랜드에 사용하려는 테마 옆의 활성 테마로 설정을 클릭합니다.
    • 마켓플레이스에서 테마 보기를 클릭하여 다운로드할 수 있는 다른 테마를 확인합니다.
  • 편집을 선택하여 테마 설정을 편집합니다.
  • 미리 보기를 선택하여 테마가 어떻게 표시되는지 미리 봅니다.