콘텐츠 편집기에서 데스크톱 또는 모바일 장치에 페이지 콘텐츠가 표시되는 방식을 사용자 지정할 수 있습니다. 디바이스 유형에 따라 특정 요소의 표시 여부를 편집할 수 있습니다. 모바일 중단점을 위해 특별히 여백과 패딩을 사용자 지정할 수도 있습니다. 콘텐츠 편집기에서 콘텐츠를 만들고 편집하는 방법에 대해 자세히 알아보기
참고: HubSpot의 기본 테마 및 일부 템플릿 마켓플레이스 테마에만 모바일 편집 기능이 포함되어 있습니다. 사용자 정의 테마에는 기본적으로 모바일 편집 기능이 포함되어 있지 않습니다. 모바일 편집을 구현하려면 개발자와 협력하여 모바일 중단점을 설치하는 것이 좋습니다.
모바일 장치용 콘텐츠 편집
-
콘텐츠로 이동합니다:
- 웹사이트 페이지:
- 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
- 페이지의 이름을 클릭합니다.
- 여러 디바이스 유형 간에 전환하려면 상단에서 mobile 모바일 아이콘 또는 desktop 데스크톱 아이콘을 클릭하여 선택한 유형에 맞게 편집합니다.

- 왼쪽 상단에서 siteTreeIcon 콘텐츠 아이콘을 클릭합니다.
- 모바일에서 요소의 표시 여부를 편집하려면 왼쪽 패널에서 모듈 또는 섹션을 클릭하고 표시 여부 섹션을 펼칩니다.
- 이 중단점에서 숨기기 아래에서 숨기기 또는 표시를 클릭하여 모바일에서 요소가 표시되는 방식을 사용자 지정합니다. 모바일 중단점에 대해 숨겨진 요소는 데스크톱 버전의 페이지에 계속 표시됩니다.
- 콘텐츠 미리 보기에서 모듈 또는 섹션 위로 마우스를 가져간 다음 hideIcon 숨기기 아이콘을 클릭하여 요소를 숨길 수도 있습니다.

- 모바일에서 패딩과 여백을 편집하려면 왼쪽 패널에서 정렬 및 간격 섹션을 펼칩니다.
- 패딩 및 여백 아래에서 패딩 또는 여백을 클릭하고 상단, 왼쪽, 오른쪽 또는 하단 필드에 픽셀 값을 입력합니다. 이러한 변경 사항은 모바일 중단점에만 적용되며 데스크톱 버전의 페이지에는 표시되지 않습니다.
- 모든 면에 균일한 간격을 추가하려면 모든 면에 적용 확인란을 선택합니다.
