여러 템플릿에서 글로벌 콘텐츠 사용

글로벌 콘텐츠를 사용하면 머리글이나 바닥글과 같은 콘텐츠 섹션을 여러 페이지에서 재사용할 수 있습니다. 글로벌 콘텐츠가 업데이트되면 글로벌 모듈 또는 그룹이 사용되는 모든 곳에 변경 사항이 적용됩니다.

글로벌 콘텐츠는 디자인 관리자에서 생성 및 편집하고 콘텐츠 편집기에서 편집할 수 있습니다.

시작하기 전에

여러 템플릿에서 글로벌 콘텐츠를 사용하기 전에 다음 요구 사항 및 제한 사항을 검토하세요.

제한 사항 및 고려 사항 이해

• 유연한 열, 드래그 앤 드롭 영역 및 코딩된 모듈은 글로벌 그룹에서 사용할 수 없습니다.
• 글로벌 콘텐츠에 대한 변경 사항은 동일한 글로벌 모듈 또는 그룹을 참조하는 모든 템플릿 및 자산에 적용됩니다.
• 드래그 앤 드롭 템플릿과 코딩된 템플릿은 글로벌 콘텐츠에 서로 다른 방법을 사용합니다.

디자인 관리자에서 글로벌 콘텐츠 만들기

글로벌 콘텐츠는 새 모듈로 만들거나 기존 모듈 또는 그룹에서 변환할 수 있습니다.

글로벌 모듈 만들기

1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다..
2. 파인더에서 파일 드롭다운 메뉴를 클릭하고 새 파일을 선택합니다 .
3. 대화 상자에서 오늘 무엇을 빌드하시겠습니까? 드롭다운 메뉴를 클릭하고 모듈을 선택한 후 다음을 클릭합니다 .
4. 이 모듈을 어디에 사용하시겠습니까? 섹션에서 이 글로벌 모듈을 사용할 각 콘텐츠 유형 옆의 확인란을 선택합니다. 이메일에 사용되는 글로벌 모듈에는 CSS 또는 자바스크립트를 포함할 수 없습니다.
5. 모듈 콘텐츠 범위 섹션에서 글로벌 모듈을 선택합니다.
6. 파일 이름을 입력한 다음 만들기를 클릭합니다 .
7. 모듈 편집기에서 모듈 편집을 계속합니다.

기존 로컬 모듈 또는 그룹 변환

1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다..
2. 파인더에서 템플릿을 클릭하여 내용을 편집합니다.
3. 글로벌 그룹을 만드는 경우 여러 모듈의 옵션을 편집할 수 있습니다. Control / Command 키를 누르고 그룹화하려는 모듈을 클릭한 다음 인스펙터에서 groupModule 그룹 아이콘을 클릭합니다.
4. 레이아웃 편집기에서 모듈 또는 모듈 그룹을 클릭하여 선택합니다.
5. 인스펙터에서 더 보기 드롭다운 메뉴를 클릭하고 전역 모듈/그룹으로 변환을 선택합니다.

드래그 앤 드롭 템플릿에 글로벌 모듈 또는 그룹 추가하기

1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다..
2. 파인더에서 끌어서 놓기 템플릿을 클릭하여 내용을 편집합니다.
3. 인스펙터에서+ 추가를 클릭합니다.
4. 검색 필드에 텍스트를 입력하거나 카테고리 또는 태그별 필터링 드롭다운 메뉴를 클릭하여 글로벌 모듈/그룹을 찾습니다.
5. 글로벌 모듈/그룹을 클릭하고 템플릿 레이아웃으로 끌어다 놓습니다.
6. 완료했으면 오른쪽 상단의 게시를 클릭합니다.

코딩된 템플릿에서 글로벌 콘텐츠 사용

코딩된 템플릿에는 전역 모듈/그룹으로 변환 옵션이 포함되어 있지 않습니다. 대신 글로벌 모듈을 수동으로 만들고 참조해야 합니다.

1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다..
2. 파인더에서 파일 드롭다운 메뉴를 클릭하고 새 파일을 선택합니다 .
3. 대화 상자에서 오늘 무엇을 빌드하시겠습니까? 드롭다운 메뉴를 클릭하고 모듈을 선택한 후 다음을 클릭합니다 .
4. 모듈 콘텐츠 범위 섹션에서 글로벌 모듈을 선택합니다.
5. 파일 이름을 입력한 다음 만들기를 클릭합니다 .
6. 원본 모듈과 일치하도록 필수 필드를 만듭니다.
7. 모듈의 HubL 스니펫을 복사합니다.
8. 코딩된 템플릿에 HubL 스니펫을 붙여넣어 글로벌 모듈을 참조합니다.
9. 완료했으면 오른쪽 상단의 게시를 클릭합니다.

참고: 개발자는 템플릿을 업데이트하기 전에 CLI를 통해 모듈을 복제하고 복제된 모듈의 메타.json 파일에 "global": true 을 설정하여 모듈을 사용할 수 있습니다. 개발자 문서에서 자세히 알아보세요.

콘텐츠 편집기에서 글로벌 콘텐츠 편집

글로벌 콘텐츠는 콘텐츠 편집기의 페이지 또는 글에서 직접 편집할 수 있습니다. 업데이트는 동일한 글로벌 모듈 또는 그룹을 사용하는 모든 자산에 적용됩니다.

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

   • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
   • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
   • 블로그HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
2. 콘텐츠 이름을 클릭합니다.
3. 콘텐츠 편집기에서 siteTreeIcon 콘텐츠 아이콘을 클릭한 다음글로벌 모듈의 globalGroup 글로벌 콘텐츠 아이콘을 클릭합니다.
4. 대화 상자에서 글로벌 콘텐츠 편집기에서 열기를 클릭합니다.
5. 글로벌 콘텐츠 편집기에서 siteTreeIcon 콘텐츠 아이콘을 클릭하고 끌어서 놓기 도구를 사용하여 글로벌 그룹에 있는 모듈을 편집합니다.
6. 이전에 로고를 추가하지 않았다면 로고 모듈에서 글로벌 헤더에 로고를 추가할 수 있습니다. 브랜딩 구성에 대해 자세히 알아보세요. 로고를 추가하려면 로고 모듈을 클릭한 다음 브랜드 설정을 클릭합니다.
   • 대화 상자에서 추가를 클릭합니다.
   • 업로드를 클릭하여 컴퓨터에서 이미지를 업로드하거나 이미지 찾아보기를 클릭하여 파일 도구에서 이미지를 선택합니다.
   • 로고 이름 필드에 로고의 이름을 지정할 텍스트를 입력합니다.
   • 로고 대체 텍스트 및 로고 URL 필드에 텍스트를 입력합니다.
   • 완료했으면 저장을 클릭합니다. 그런 다음 [#] 자산에 게시를 클릭합니다.
7. 탐색 메뉴를 편집하려면 모듈을 클릭합니다. 사이드바 편집기에서 메뉴의 편집을 클릭합니다. 대화 상자에서 탐색 메뉴를 계속 사용자 정의합니다.
8. 기존 페이지 또는 글의 글로벌 콘텐츠를 미리 보려면 왼쪽 상단의 보기 드롭다운 메뉴를 클릭하고 글로벌 콘텐츠가 표시되는 페이지 또는 글을 선택합니다. 글로벌 콘텐츠만 보려면 대신 그룹만 보기를 선택합니다.
9. 글로벌 콘텐츠의 다국어 버전을 만들려면 왼쪽 상단의 언어 드롭다운 메뉴를 클릭하고 다국어 변형 추가/수정을 선택합니다. 다국어 글로벌 콘텐츠 만들기에 대해 자세히 알아보세요.

10. 완료했으면 오른쪽 상단의 [#] 자산에 게시를 클릭합니다. 이러한 변경 사항은 글로벌 콘텐츠가 포함된 템플릿을 사용하는 모든 페이지와 글에 적용됩니다.

디자인 관리자에서 글로벌 콘텐츠 편집

개발자는 디자인 관리자에서 글로벌 모듈 또는 그룹을 편집할 수 있습니다. 글로벌 콘텐츠에 대한 변경 사항은 동일한 글로벌 콘텐츠가 포함된 템플릿을 사용하는 모든 콘텐츠에 적용됩니다.

1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다..
2. 파인더에서 템플릿을 클릭하여 콘텐츠를 편집합니다.
3. 특정 페이지, 블로그 글 또는 이메일에 대해서만 글로벌 모듈 또는 그룹의 콘텐츠를 편집하려면 디자인 관리자에서 편집할 글로벌 콘텐츠의 로컬 복사본을 만들 수 있습니다.
4. 레이아웃 편집기에서 글로벌 그룹을 편집하려면 템플릿에서 글로벌 그룹을 클릭합니다. 그런 다음 인스펙터에서 더 보기 드롭다운 메뉴를 클릭하고 글로벌 그룹 편집을 선택합니다.

5. 완료했으면 변경 사항 게시를 클릭합니다.