콘텐츠에 사용자 지정 소셜 아이콘 사용

HubSpot의 기본 소셜 공유 및 소셜 팔로우 모듈에는 일반적인 소셜 네트워크(예: Facebook 또는 LinkedIn) 아이콘이 포함되어 있습니다. 기본 소셜 아이콘을 바꾸려면 모듈을 복제하고 사용자 정의할 수 있습니다. 그런 다음 페이지 또는 템플릿에 사용자 정의 소셜 모듈을 추가합니다.

기본 소셜 모듈 복제하기

1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
2. 파인더에서 텍스트를 입력하여 소셜 공유 또는 소셜 팔로우 모듈을 검색합니다.
3. 소셜 팔로우 또는 소셜 공유 모듈을 클릭합니다.
4. 모듈 편집기에서 모듈이 읽기 전용입니다 알림에서 모듈 복제를 클릭합니다.

5. 대화 상자에서 복제된 모듈의 이름을 입력한 다음 복제를 클릭합니다. 소셜 아이콘을 계속 사용자 지정할 수 있는 모듈 편집기로 이동합니다.

소셜 아이콘 바꾸기

1. 인스펙터에서 연결된 파일 섹션을 찾습니다. 기타 파일 필드에서 각 네트워크의 소셜 아이콘 파일 이름(예: facebook-color.png 또는 linkedin-color.png)을 메모합니다.
2. 사용자 지정 소셜 아이콘 이미지가 PNG 형식인지 확인합니다 .
   
3. 새 소셜 아이콘 이미지의 파일 이름이 모듈의 각 네트워크에 대한 기존 소셜 아이콘 파일과 동일한지 확인합니다(예: facebook-color.png 또는 linkedin-color.png).
4. 기존 소셜 아이콘 파일을 제거하려면 X를 클릭합니다.
5. 기타 파일 필드 옆의 추가를 클릭합니다.

6. 오른쪽 패널의 파일 관리자에서 사용자 지정 소셜 아이콘을 찾습니다. 디바이스에서 파일을 업로드하려면 업로드를 클릭합니다.
7. 파일 이름을 클릭하여 모듈에 아이콘을 추가합니다.
8. 소셜 모듈을 미리 보려면 모듈 편집기 오른쪽 상단에서 미리 보기를 클릭합니다.
9. 완료했으면 변경사항 게시를 클릭합니다.

템플릿에 모듈 추가하기

소셜 모듈을 게시한 후에는 드래그 앤 드롭 템플릿 또는 코딩된 템플릿에 추가할 수 있습니다.

템플릿 드래그 앤 드롭

1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
2. 파인더에서 템플릿의 이름을 클릭합니다.
3. 인스펙터에서 + 추가를 클릭합니다.
4. 새 소셜 모듈을 클릭한 다음 템플릿의 위치로 끌어다 놓습니다.
5. 완료되면 오른쪽 상단에서 변경 사항 게시를 클릭합니다.

코딩된 템플릿

1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
2. 파인더에서 새 소셜 모듈을 클릭합니다.
3. 작업 드롭다운 메뉴를 클릭하고 스니펫 복사를 선택합니다.
4. 파인더에서 코딩된 템플릿을 클릭합니다.
5. 코드 편집기에서 모듈을 표시할 위치에 스니펫을 붙여넣습니다.
6. 완료했으면 오른쪽 상단의 변경사항 게시를 클릭합니다.