서식 있는 텍스트 모듈에 아이콘 삽입 및 편집하기

블로그 글과 페이지의 서식 있는 텍스트 모듈에 Font Awesome 라이브러리에 있는 아이콘을 추가할 수 있습니다. 아이콘을 추가한 후에는 색상, 위치 및 크기를 사용자 정의할 수 있습니다.

참고: 아이콘은 마케팅 이메일에 직접 추가할 수 없습니다. 이메일에 아이콘을 사용하려면 아이콘을 이미지로 저장한 다음 이메일 편집기에 이미지를 삽입합니다.

서식 있는 텍스트 모듈에서 콘텐츠에 아이콘 추가하기

• 콘텐츠로 이동합니다:

  • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
  • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
  • 블로그HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.

• 콘텐츠의 이름을 클릭합니다.
• 아이콘을 표시할 서식 있는 텍스트 모듈을 클릭합니다.
• 서식 있는 텍스트 툴바의 오른쪽 상단에서 삽입 드롭다운 메뉴를 클릭하고 아이콘을 선택합니다 .

• 팝업 상자의 검색창에서 아이콘을 검색합니다.
• 아이콘을 클릭하여 서식 있는 텍스트 모듈에 삽입합니다.

아이콘 편집하기

아이콘을 삽입한 후에는 아이콘의 모양과 위치를 편집하거나 다른 콘텐츠로 연결할 수 있습니다.

• 콘텐츠로 이동합니다:

  • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
  • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
  • 블로그HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
• 콘텐츠의 이름을 클릭합니다.
• 콘텐츠 편집기에서 아이콘을 클릭하여 아이콘 편집기를 엽니다.

1. • 아이콘의 색상을 편집하려면 backgroundColor 아이콘 색상 드롭다운 메뉴를 클릭하고 색상을 선택합니다. 16진수 또는 RGB 색상 값을 입력하려면 고급 탭을 클릭합니다.
   • indent 들여쓰기 iconiconicon아이콘을 사용하여 아이콘을 오른쪽 또는 왼쪽으로 이동합니다.
   • blockAlignmentBottom 정렬 아이콘을 사용하여 텍스트 블록 내에서 아이콘의 위치를 조정합니다.
   • 아이콘에 링크를 추가하려면link링크 아이콘을 클릭한 다음 링크를 삽입합니다.
   • 아이콘 크기를 조정하려면 편집기에서 아이콘의 모서리를 클릭하고 끌거나 도구 모음에서 너비와 높이의 픽셀 값을 입력합니다.

• 서식 있는 텍스트 모듈에서 아이콘을 제거하려면 이미지를 클릭한 다음 delete휴지통 아이콘을 클릭합니다. .
• 아이콘을 바꾸려면 이미지를 클릭한 다음 replace 바꾸기 아이콘을 클릭하고 새 아이콘을 추가합니다.

고급 아이콘 옵션 수정하기

아이콘의 고급 옵션을 편집하여 접근성 텍스트를 추가하거나 아이콘 링크를 사용자 지정할 수 있습니다.

• 콘텐츠 편집기에서 아이콘을 클릭합니다 .
• edit 수정 아이콘을 클릭합니다.
• 팝업 상자에서 고급을 클릭합니다.
• 아이콘에 링크가 있는 경우 하나 이상의 링크 유형을 선택할 수 있습니다. 이렇게 하면 검색 엔진에 이 링크가 웹사이트와 어떤 관계에 있는지 알려줍니다. 다양한 링크 유형에 대해 자세히 알아보세요.

• 이미지의 용도를 선택합니다.
  • 아이콘이 정보를 전달하려는 경우 화면 리더에서 읽기를 선택하고 아이콘의 용도를 설명하는 제목을 추가합니다.
  • 아이콘이 정보를 전달하지 않는 경우에는 화면 리더에서 무시됨을 선택합니다.
• 적용을 클릭합니다.