서식 있는 텍스트 모듈에서 콘텐츠 편집

서식 있는 텍스트 모듈에서는 텍스트, 이미지, 링크 등 여러 유형의 콘텐츠를 추가할 수 있습니다. 개발자는 사용자 지정 코딩된 템플릿에 서식 있는 텍스트 모듈을 추가한 다음 편집 옵션을 사용자 지정할 수 있습니다.

참고: 지식창고 문서 편집기에서는 일부 서식 있는 텍스트 편집 기능을 사용할 수 없습니다.

서식 있는 텍스트 모듈에서 텍스트 서식 지정하기

• 콘텐츠로 이동합니다:

  • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
  • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
  • 블로그HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
  • 지식 베이스: HubSpot 계정에서 서비스 > 기술 자료로 이동합니다.

• 콘텐츠의 이름을 클릭합니다.
• 콘텐츠 편집기에서 서식 있는 텍스트 모듈을 클릭하여 편집기 상단의 서식 있는 텍스트 도구 모음을 활성화합니다.
• 서식 있는 텍스트 모듈에서 텍스트를 강조 표시합니다.
• 콘텐츠에서 텍스트의 비교 크기와 중요도를 설정하려면 스타일 드롭다운 메뉴를 클릭하고 옵션을 선택합니다.
• 텍스트의 글꼴을 설정하려면 글꼴 드롭다운 메뉴를 클릭하고 글꼴을 선택합니다. HubSpot에서 글꼴 작업에 대해 자세히 알아보세요.
• 텍스트의 크기를 설정하려면 글꼴 크기 드롭다운 메뉴를 클릭하고 픽셀 단위의 크기를 선택합니다.
• 텍스트를 굵게, 이탤릭체 또는 밑줄로 만들려면 bold 스타일링 아이콘을 클릭합니다.
• 텍스트의 색상을 변경하려면 textColor 텍스트 색상 아이콘을 클릭한 다음 색상을 선택합니다. 16진수 또는 RGB 색상 코드를 사용하거나 사용자 지정 색상을 선택하려면 고급 탭을 클릭합니다.
• 텍스트의 배경색을 설정하려면 highlight 배경색 아이콘을 클릭한 다음 색상을 선택합니다. 16진수 또는 RGB 색상 코드를 사용하거나 사용자 지정 색상을 선택하려면 고급 탭을 클릭합니다.

• 텍스트의 맞춤을 변경하려면 alignLeft 맞춤 드롭다운 메뉴를 클릭하고 alignCenter 맞춤 아이콘을 선택합니다.
• 글머리 기호 목록에 텍스트를 추가하려면 bulletList 글머리 기호 목록 아이콘을 클릭합니다. 목록의 형식을 변경하려면 글머리 기호 목록 드롭다운 메뉴를 클릭하고 bulletDiamond 형식을 선택합니다.
• 번호 매기기 목록에 텍스트를 추가하려면 numberList 번호 매기기 목록 아이콘을 클릭합니다. 목록의 형식을 변경하려면 번호 매기기 목록 드롭다운 메뉴를 클릭하고 bulletLowerAlpha 형식을 선택합니다.
• 텍스트의 줄 높이를 설정하려면 lineHeight 줄 높이 드롭다운 메뉴를 클릭하고 높이를 선택합니다.
• 텍스트의 들여쓰기를 늘리거나 줄이려면 indent 들여쓰기 늘리기 또는 들여쓰기 줄이기 아이콘을 클릭합니다.
• 텍스트에 적용된 스타일을 제거하려면 removeTextStyle 스타일 지우기 아이콘을 클릭합니다.
• 서식을 추가하려면 추가 드롭다운 메뉴를 클릭하고 strike 취소선, superscript 위 첨자 또는 subscript 아래 첨자 아이콘을 선택합니다.
• 텍스트를 코드로 서식을 지정하려면 추가 드롭다운 메뉴를 클릭하고 code 코드 서식 아이콘을 선택합니다.

서식 있는 텍스트 모듈에 요소 추가하기

• 콘텐츠로 이동합니다:

  • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
  • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
  • 블로그HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
  • 지식 베이스: HubSpot 계정에서 서비스 > 기술 자료로 이동합니다.

• 콘텐츠의 이름을 클릭합니다.
• 콘텐츠 편집기에서 서식 있는 텍스트 모듈을 클릭하여 편집기 상단의 서식 있는 텍스트 도구 모음을 활성화합니다.
• 링크를 삽입하려면 텍스트를 강조 표시한 다음 link 링크 삽입 아이콘을 클릭합니다. HubSpot에서 링크 작업에 대해 자세히 알아보세요.
• 이미지를 삽입하려면 insertImage 이미지 삽입 아이콘을 클릭합니다. HubSpot에서 이미지 작업에 대해 자세히 알아보세요.
• 이모티콘을 삽입하려면 emoji 이모티콘 삽입 아이콘을 클릭합니다.
• 콜투액션을 삽입하려면 삽입 드롭다운 메뉴를 클릭한 다음 콜투액션을 선택합니다. HubSpot에서 콜투액션 작업에 대해 자세히 알아보세요.
• 임베드 코드를 삽입하려면 삽입 드롭다운 메뉴를 클릭한다음 임베드를 선택합니다. HubSpot에서 콘텐츠 임베드에 대해 자세히 알아보세요.
• 동영상을 삽입하려면 삽입 드롭다운 메뉴를 클릭한 다음 동영상 위로 마우스를 가져간 다음 HubSpot 동영상 또는 외부 동영상을 선택합니다. HubSpot에서 동영상 작업에 대해 자세히 알아보세요.
• 표를 삽입하려면 삽입 드롭다운 메뉴를 클릭한 다음 표 위로 마우스를 가져가서 표의 크기를 선택합니다. HubSpot에서 표로 작업하는 방법에 대해 자세히 알아보세요.
• 특수 문자를 삽입하려면 삽입 드롭다운 메뉴를 클릭한 다음 특수 문자를 선택합니다. 팝업 상자에서 특수 문자를 클릭합니다.
• 특수 문자를 삽입하려면 삽입 드롭다운 메뉴를 클릭한 다음 아이콘을 선택합니다. 팝업 상자에서 아이콘을 클릭합니다. HubSpot에서 아이콘 작업에 대해 자세히 알아보세요.
• 앵커 링크를 삽입하려면 삽입 드롭다운 메뉴를 클릭한 다음 앵커를 선택합니다. HubSpot에서 앵커 링크로 작업하는 방법에 대해 자세히 알아보세요.
• 가로줄을 삽입하려면 삽입 드롭다운 메뉴를 클릭하고 가로줄을 선택합니다.
• 나누지 않는 공백을 삽입하려면 삽입 드롭다운 메뉴를 클릭하고 나누지 않는 공백을 선택합니다.
• 개인화 토큰을 삽입하려면 개인화를 클릭합니다. 팝업 상자에서 유형 드롭다운 메뉴를 클릭하고 토큰 유형을 선택한 다음 토큰을 클릭합니다. HubSpot에서 개인화 토큰으로 작업하는 방법에 대해 자세히 알아보세요.

서식 있는 텍스트 모듈에서 고급 편집 기능 사용

• 콘텐츠로 이동합니다:

  • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
  • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
  • 블로그HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
  • 지식 베이스: HubSpot 계정에서 서비스 > 기술 자료로 이동합니다.

• 콘텐츠의 이름을 클릭합니다.
• 콘텐츠 편집기에서 서식 있는 텍스트 모듈을 클릭하여 편집기 상단의 서식 있는 텍스트 도구 모음을 활성화합니다.
• 모듈의 소스 코드에 액세스하려면 고급 드롭다운 메뉴를 클릭하고 소스 코드를 선택합니다. 대화 상자에서 소스 코드를 편집한 다음 변경 사항 저장을 클릭합니다.
• 콘텐츠를 콘텐츠 블록으로 구분하여 보려면 고급 드롭다운 메뉴를 클릭하고 블록 표시를 선택합니다. 블록 없이 콘텐츠를 다시 보려면 고급 드롭다운 메뉴를 클릭하고 블록 숨기기를 선택합니다. 두 옵션 모두 콘텐츠가 방문자에게 표시되는 방식에는 영향을 주지 않습니다.