콘텐츠로 건너뛰기

이메일 또는 페이지에서 이미지, CTA(레거시) 또는 로고를 가운데에 배치합니다

마지막 업데이트 날짜: 2월 19, 2025

명시된 경우를 제외하고 다음 구독 중 어느 것에서나 사용할 수 있습니다.

마케팅 Hub   Professional , Enterprise
콘텐츠 Hub   Professional , Enterprise
레거시 Marketing Hub Basic

디자인 관리자 도구에서 만든 레이아웃 템플릿을 사용하는 경우 템플릿에 인라인 스타일을 추가하여 페이지, 블로그 또는 이메일의 이미지, CTA(레거시) 또는 로고 모듈을 중앙에 배치합니다.

끌어서 놓기 영역이 포함된 템플릿을 사용하는 경우 콘텐츠 편집기 내에서 모듈 정렬을 중앙에 맞출 수 있습니다. 페이지 편집기에서 가로 스페이서를 사용하여 모듈을 가운데에 정렬할 수도 있습니다.

참고: 2025년 3월 17일 이후에 생성된 계정에서는 CTA(레거시) 도구에 액세스할 수 없습니다.

인라인 스타일링으로 이미지, CTA(레거시) 또는 로고를 중앙에 배치합니다

인라인 스타일링으로 이미지를 중앙에 배치하려면 HTML에 대한 기본적인 이해가 필요합니다. 페이지 또는 템플릿에 스타일시트가 첨부되어 있거나 추가 스타일링이 추가된 경우 이미지, CTA(레거시) 또는 로고에 영향을 미치는 기존 CSS가 있을 수 있습니다. 디자이너와 협력하여 스타일링의 소스를 파악하고 자산을 중앙에 배치하는 데 필요한 변경을 수행할 것을 권장합니다.

이메일 또는 페이지 템플릿에서 이미지, CTA(레거시) 또는 로고를 가운데에 배치합니다:

  • 콘텐츠로 이동합니다:

    • 웹사이트 페이지:
    • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
    • 블로그HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
    • 이메일
  • 콘텐츠 위로 마우스를 가져간 다음 편집을 클릭합니다.
  • 편집기에서 콘텐츠의 설정에 액세스합니다:
    • 글 및 페이지의 경우 설정 메뉴를 클릭하고 고급을 선택합니다.
    • 이메일의 경우 설정 탭을 클릭한 다음 고급 옵션 섹션을 클릭하여 확장합니다.
  • 템플릿 섹션에서 이 템플릿 편집을 클릭하여 디자인 관리자에서 템플릿을 엽니다.

  • 디자인 관리자에서 로고, 콜투액션 또는 이미지 모듈을 클릭합니다.
  • 오른쪽 열의 인라인 스타일 필드에텍스트 정렬: 가운데; 를 입력합니다.

 
  • 오른쪽 상단에서 변경 사항 게시를 클릭하여 이 템플릿에 변경 사항을 적용합니다.

모듈의 스타일 옵션에서 이미지, CTA(레거시) 또는 로고를 가운데에 배치합니다

드래그 앤 드롭 영역이 있는 템플릿을 사용하는 경우 특정 모듈 또는 섹션에서 직접 정렬을 설정하도록 선택할 수 있습니다. 하지만 이 스타일 옵션은 모든 템플릿 또는 모듈에서 사용 가능하지 않을 수 있습니다.

  • 페이지 또는 글 모듈을 중앙에 배치합니다:
    • 콘텐츠로 이동합니다:

      • 웹사이트 페이지:
      • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
      • 블로그HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
      페이지 또는 블로그 글 위로 마우스를 가져간 다음 편집을 클릭합니다 .
    • 페이지 편집기에서 가운데에 배치하려는 모듈을 클릭합니다.
    • 왼쪽 패널에서 스타일 탭을 클릭한 다음 정렬 및 간격 섹션을 클릭하여 펼칩니다.
    • 정렬 아래에서 가운데 정렬을 선택합니다.

 

  • 이메일 모듈을 중앙에 배치합니다:
    • HubSpot 계정에서 마케팅 > 이메일로 이동합니다.
    • 이메일 위로 마우스를 가져간 다음 편집을 클릭합니다.
    • 가운데에 배치하려는 모듈을 클릭합니다.
    • 왼쪽 패널에서 정렬 드롭다운 메뉴를 클릭하고 가운데를 선택합니다.

 

가로 스페이서를 사용하여 이미지, CTA(레거시) 또는 로고를 가운데에 배치합니다

사용 중인 모듈에 맞춤 옵션이 없는 경우 콘텐츠 편집기에서 페이지에 가로 스페이서를 추가하여 대신 모듈을 가운데에 배치할 수 있습니다.

수평 스페이서를 사용하여 모듈을 중앙에 배치합니다:

  • 콘텐츠로 이동합니다:

    • 웹사이트 페이지:
    • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
    • 블로그HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
  • 콘텐츠 편집기의 왼쪽 열에서 + 추가를 클릭합니다.
  • 검색창에서 가로 스페이서를 검색합니다.
  • 가로 스페이서를 클릭하여 가운데에 배치하려는 모듈의 각 측면으로 드래그합니다. 그런 다음 스페이서의 너비를 조정하여 요소를 중앙에 배치합니다.
이 문서가 도움이 되었나요?
이 양식은 문서 피드백에만 사용됩니다. HubSpot으로 도움을 받는 방법 알아보기.