HubSpot의 디자인 관리자 도구에 대한 답변과 일반 정보를 빠르게 찾아보세요. 이 리소스에는 CMS에서 작업하는 디자이너를 위한 더 많은 리소스에 대한 링크도 포함되어 있습니다.
HubSpot에서 디자인에 대한 자세한 내용은 어디에서 배울 수 있나요?
HubSpot에서의 디자인에 대해 자세히 알아보려면 HubSpot 아카데미의 성장 중심 디자인 인증 및 HubSpot의 CMS 설명서를 확인하세요.
디자인 인증은 동영상 교육과 디자인 실습이 포함된 무료 인증입니다.
HubSpot의 CMS 문서에는 다음이 포함됩니다:
사용자 정의 코딩된 디자인 또는 HubL 문제를 해결하는 데 사용할 수 있는 HubSpot 리소스가 있나요?
HubSpot 디자이너 커뮤니티와 상호 작용할 수 있는 가장 좋은 리소스는 HubSpot 디자인 포럼입니다. 이 포럼은 디자인 전문 지식을 갖춘 HubSpot 디자이너 및 HubSpot 사용자들이 모니터링합니다.
HubSpot API 개발에 관한 질문은 개발자 포럼을 확인하세요.
HubSpot에 대한 FTP 액세스 권한을 얻으려면 어떻게 해야 하나요?
2020년 5월 27일부로 FTP가 일몰되어 CMS CLI로 대체되었습니다. 이 공지에 대해 자세히 알아보세요.
단일 템플릿에 대한 글로벌 그룹을 편집할 수 있나요?
글로벌 모듈은 로컬 모듈로 다시 변환할 수 있지만 글로벌 그룹은 변환할 수 없습니다. 단일 템플릿에 대한 글로벌 그룹을 편집하려면 글로벌 그룹을 복제한 다음 복제본을 템플릿에 추가하세요.
HubSpot 템플릿 빌더는 어떤 버전의 부트스트랩을 사용하나요?
HubSpot 레이아웃 편집기는 부트스트랩 2.x 기반의 12열 그리드 시스템을 사용하여 템플릿 디자이너가 HubSpot 콘텐츠 플랫폼 내에서 완벽하게 반응하는
웹페이지를
빠르게 만들 수 있도록 합니다.
HubSpot 템플릿에 나만의 반응형 그리드를 사용할 수 있나요?
모든 HubSpot 드래그 앤 드롭 레이아웃에는 모듈을 반응형으로 만들기 위한 layout.css가 자동으로 포함됩니다. 부트스트랩 3과 같은 다른 또는 사용자 정의 반응형 그리드를 사용하려면 layout.css에서 CSS를 재정의하거나 layout.css가 첨부되지 않은 코딩된 템플릿을 사용해야 합니다.
블로그 글 및 목록 레이아웃을 재구성하려면 어떻게 해야 하나요?
블로그 콘텐츠 모듈을 사용하면 글의 마크업과 글 목록 레이아웃을 편집하여 글 항목의 다양한 요소가 렌더링되는 위치를 제어할 수 있습니다.
템플릿의 이전 버전으로 되돌릴 수 있나요?
예. 모든 템플릿 레이아웃, 코딩된 파일 및 페이지에는 개정 내역이 있어 템플릿 또는 콘텐츠의 모든 버전으로 롤백할 수 있습니다. 템플릿 또는 코딩된 파일의 경우 작업 > 수정본 보기를 클릭하여 수정본 기록에 액세스합니다.
디자인 관리자 v2
v1 모듈 프레임워크는 를 사용하여 모듈 필드를 참조했습니다. v2 프레임워크는 를 사용하여 모듈 필드를 참조합니다.
그러나 v2 프레임워크에서 를 사용하면 예상대로 계속 작동합니다. "모듈"을 참조하도록 사용자 정의 모듈을 업데이트할 필요는 없습니다.
"get_public_template_url" 없이 JS 및 CSS 파일을 첨부하려면 어떻게 해야 하나요?
이제 "get_public_template_url "을 사용하여 JavaScript 및 CSS 파일에 액세스하는 대신 연결된 파일 섹션의 모듈 사이드바 편집기에 이러한 파일을 직접 첨부할 수 있습니다. 여기에 포함된 CSS 및 JS 파일은 모듈을 사용하는 페이지에 자동으로 로드됩니다.
내 템플릿에 사용자 정의 HTML 또는 사용자 정의 HubL 모듈을 추가하려면 어떻게 해야 하나요?
HTML 및 HubL 모듈이 제거되었습니다. 이러한 모듈은 개발자가 템플릿에 HTML 및 HubL 스니펫을 빠르게 추가할 수 있는 방법을 제공했습니다. 하지만 템플릿을 이해하고 편집하기 어렵게 만들 수 있습니다. 템플릿을 더 예측 가능하고 유지 관리하기 쉽도록 하기 위해 모든 코드를 사용자 정의 모듈의 컨텍스트 안에 유지하는 방향으로 이러한 모듈이 제거되었습니다.
웹사이트의 페이지 수준에서 HTML을 추가해야 하는 경우 HTML 모듈은 HubSpot 마켓플레이스에서 다운로드할 수 있습니다.
사용자 지정 모듈에 JS 플러그인을 사용하려면 어떻게 해야 하나요?
타사 스크립트를 사용하는 경우 스크립트 파일을 모듈 편집기의 링크된 파일 섹션에 연결합니다. 그런 다음 코드 편집기의 JS 섹션에서 플러그인을 트리거할 수 있습니다. 플러그인에 매개변수를 전달해야 하는 경우 편집기의 HTML + HubL 섹션에 있는 데이터 속성을 사용하여 이러한 값을 저장할 수 있습니다.
업그레이드할 때 이 모듈을 어디에 사용할 것인지 묻는 메시지가 표시됩니다. 이 옵션의 차이점은 무엇인가요?
이메일에서 사용자 지정 모듈을 사용하는 경우 대부분의 이메일 클라이언트에서 스타일시트 및 JavaScript를 지원하지 않으므로 편집기에 CSS 및 JS 섹션이 표시되지 않습니다. 이메일 모듈의 경우 <스타일> 태그에 필요한 스타일을 계속 포함할 수 있습니다.
페이지 또는 블로그 글에서 모듈을 사용하는 경우 JS 및 CSS 섹션이 예상대로 표시됩니다.
디자인 관리자 v2의 모듈 코딩 방식에 변경된 사항이 있나요?
디자인 매니저 v2의 모듈은 <div> 태그로 래핑되지만 이전 디자인 매니저의 모듈은 <span> 태그로 래핑되었습니다. 이 변경 사항은 스타일시트에서 모듈 스팬을 참조하는 경우에만 모듈에 영향을 미칩니다. 예를 들어 다음 선언은 새 디자인 관리자에서는 적용되지 않습니다:
span #hs_cos_wrapper_widget_5038393204 { Color: blue; }
<span> 태그를 <div> 태그로 바꿀 수 있습니다. 그러나 기본 HubSpot 래퍼에 의존하여 CSS를 작성하는 것은 권장하지 않습니다. 대신 "my-custom-module"과 같은 사용자 정의 CSS 클래스를 사용하는 것이 좋습니다.
모듈을 업그레이드할 때 "중첩된 모듈" 오류가 발생합니다. 이 문제를 해결하고 모듈을 게시하려면 어떻게 해야 하나요?
중첩 모듈 오류를 식별하고 해결하는 방법에 대해 자세히 알아보세요. 여러 템플릿에 사용되는 중첩 모듈의 경우 페이지 수준 콘텐츠의 손실을 방지하기 위해 먼저 모듈을 복제하는 것이 가장 좋습니다. 그런 다음 복제된 모듈에서 오류를 해결하고 앞으로 템플릿에서 해당 복제본을 사용하세요.
내 모듈에 글로벌 그룹을 추가하려면 어떻게 해야 하나요?
사용자 정의 모듈에 를 사용하여 전역 그룹을 추가하는 대신 모듈에 메뉴 필드를 추가하거나 모듈 전역 콘텐츠를 편집할 수 있습니다.
새 디자인 관리자에서 v1 사용자 정의 모듈을 사용할 수 있나요?
예.모듈 편집기에서 모든 레거시 모듈을 편집할 수 있습니다. v2 모듈 프레임워크에서 지원되지 않는 코드에 대한 유효성 검사 경고 및 제안 사항이 표시되지만 이러한 모듈은 HubSpot에서 계속 편집하고 사용할 수 있습니다.
기존 사용자 지정 모듈은 모두 유지할 수 있지만 이전 프레임워크를 사용하여 새 모듈을 만들 수는 없습니다. 레거시 모듈을 복제하는 경우 복제된 모듈은 새 모듈 프레임워크에서 생성됩니다.
