HubSpot 페이지 또는 템플릿의 소셜 팔로우 또는 소셜 공유 모듈에서 사용자 지정 소셜 아이콘을 사용하려면 모듈의 사용자 지정 버전을 만들어 자신만의 소셜 아이콘을 추가하세요.
1. 기본 모듈 복제하기
- HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
- 왼쪽 열에서 소셜 팔로우 또는 소셜 공유 모듈을 클릭합니다.
- 모듈 편집기의 알림에서 모듈 복제를 클릭합니다.
- 대화 상자에서 복제된 모듈의 이름을 입력한 다음 복제를 클릭합니다.
2. 아이콘을 교체합니다.
- 모듈 관리자에서 연결된 파일 섹션을 찾습니다. 기타 파일 아래에서 각 네트워크의 소셜 아이콘 파일 이름을 기록합니다(예: facebook-color.png).
- 사용자 지정 소셜 아이콘 이미지가 PNG 형식이고 모듈의 각 네트워크에 대한 기존 소셜 아이콘 파일과 파일 이름이 동일한지 확인합니다(예: facebook-color.png).
- 네트워크의 기존 소셜 아이콘을 바꾸려면 파일 오른쪽에 있는 X 기호를 클릭합니다. 그런 다음 기타 파일 옆에 있는 추가를 클릭합니다.
- 오른쪽 패널에서 검색창을 사용하여 파일 관리자에서 사용자 지정 소셜 아이콘을 찾거나 왼쪽 하단의 파일 추가를 클릭하고 파일 업로드를 선택하여 디바이스에서 사용자 지정 소셜 아이콘을 업로드합니다.
- 파일 이름을 클릭하여 모듈에 아이콘을 추가합니다.
- 소셜 아이콘 파일을 교체한 후 모듈 편집기 오른쪽 상단의 미리 보기를 클릭하여 모듈의 미리 보기를 엽니다.
- 모듈이 표시되는 방식이 마음에 들면 모듈 편집기 오른쪽 상단의 변경사항 게시를 클릭합니다. 이제 이 새 사용자 지정 모듈을 HubSpot 콘텐츠에 추가할 수 있습니다.
3. 템플릿에 모듈 추가
모듈이 게시되면 드래그 앤 드롭 템플릿 또는 코딩된 템플릿에 모듈을 추가할 수 있습니다.
템플릿 드래그 앤 드롭
- HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
- 왼쪽 열에서 템플릿의 이름을 클릭합니다.
- 오른쪽 열에서 + 추가를 클릭합니다.
- 새 모듈을 클릭한 다음 템플릿의 위치로 끌어다 놓습니다.
- 오른쪽 상단에서 변경 사항 게시를 클릭합니다.
코딩된 템플릿
- HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
- 왼쪽 열에서 새 모듈의 이름을 클릭합니다.
- 왼쪽 상단에서 작업 드롭다운 메뉴를 클릭한 다음 스니펫 복사를 선택합니다.
- 왼쪽 열에서 코딩된 템플릿의 이름을 클릭합니다.
- 코딩된 템플릿에서 모듈을 표시할 위치에 스니펫을 붙여넣습니다.
- 오른쪽 상단에서 변경 내용 게시를 클릭합니다.
Design Manager
