아이콘은 서식 있는 텍스트 콘텐츠의 중요한 정보 및 작업에 주의를 집중시키는 데 도움이 됩니다. 블로그 글과 페이지의 서식 있는 텍스트 모듈에 Font Awesome 라이브러리의 아이콘을 삽입하세요. 아이콘을 추가한 후에는 색상, 위치 및 크기를 사용자 정의할 수 있습니다.
참고: 아이콘은 마케팅 이메일에 직접 추가할 수 없습니다. 이메일에 아이콘을 사용하려면 아이콘을 이미지로 저장한 다음 이메일 편집기에 이미지를 삽입합니다.
웹사이트 페이지, 랜딩 페이지 또는 블로그 게시물의 서식 있는 텍스트 모듈을 편집하려면 편집 권한이 필요합니다.
아이콘 삽입
- 콘텐츠로 이동합니다:
- 콘텐츠의 이름을 클릭합니다.
- 아이콘을 표시할 서식 있는 텍스트 모듈을 클릭합니다.
- 서식 있는 텍스트 툴바의 오른쪽 상단에서 삽입 드롭다운 메뉴를 클릭하고 아이콘을 선택합니다 .
- 팝업 상자의 검색창에서 아이콘을 검색합니다.
- 아이콘을 클릭하여 서식 있는 텍스트 모듈에 삽입합니다.
- 완료했으면 오른쪽 상단의 게시 또는 업데이트를 클릭합니다.
아이콘 편집하기
아이콘의 스타일, 정렬 또는 다른 콘텐츠에 대한 링크를 편집합니다. 아이콘을 바꾸거나 제거할 수도 있습니다.
- 콘텐츠로 이동합니다:
- 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
- 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
- 블로그HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
- 콘텐츠의 이름을 클릭합니다.
- 콘텐츠 편집기에서 아이콘을 클릭하여 아이콘 편집기를 엽니다.
- 아이콘의 색상을 편집하려면 backgroundColor 아이콘 색상 드롭다운 메뉴를 클릭하고 색상을 선택합니다. 16진수 또는 RGB 색상 값을 입력하려면 고급 탭을 클릭합니다.
- indent 들여쓰기 아이콘을 사용하여 아이콘을 오른쪽 또는 왼쪽으로 이동합니다.
- blockAlignmentBottom 정렬 아이콘을 사용하여 텍스트 블록 내에서 아이콘의 위치를 조정합니다.
- 아이콘에 링크를 추가하려면 링크 아이콘을 클릭한 다음 link 링크 아이콘을 클릭한 다음 링크를 삽입합니다.
- 아이콘 크기를 조정하려면 편집기에서 아이콘의 모서리를 클릭하고 끌거나 도구 모음에서 너비와 높이의 픽셀 값을 입력합니다.
- 서식 있는 텍스트 모듈에서 아이콘을 제거하려면 아이콘을 클릭합니다. 그런 다음 delete 삭제 아이콘을 클릭합니다..
- 아이콘을 바꾸려면 아이콘을 클릭합니다. 그런 다음 replace 바꾸기 아이콘을 클릭하고 새 아이콘을 선택합니다.
- 완료했으면 오른쪽 상단의 게시 또는 업데이트를 클릭합니다.
고급 아이콘 옵션 편집하기
아이콘의 고급 옵션을 편집하여 접근성 텍스트를 추가하거나 아이콘 링크를 사용자 지정합니다.
- 콘텐츠로 이동합니다:
- 콘텐츠의 이름을 클릭합니다.
- 콘텐츠 편집기에서 아이콘을 클릭합니다 .
- edit 수정 아이콘을 클릭합니다.
- 팝업 상자에서 고급을 클릭합니다.
- 아이콘에 링크가 있는 경우 하나 이상의 링크 유형을 선택할 수 있습니다. 이렇게 하면 검색 엔진에 이 링크가 웹사이트와 어떤 관계에 있는지 알려줍니다. 다양한 링크 유형에 대해 자세히 알아보세요.
- 이미지의 용도를 선택합니다.
- 정보를 전달하기 위한 아이콘인 경우 화면 리더로 읽기를 선택하고 아이콘의 용도를 설명하는 제목을 추가합니다.
- 아이콘이 정보를 전달하지 않는 경우 화면 리더에서 무시됨을 선택합니다.
- 적용을 클릭합니다.
- 완료했으면 오른쪽 상단에서 게시 또는 업데이트를 클릭합니다.
Blog
Website & Landing Pages
