콘텐츠로 건너뛰기
주의:: 이 문서는 사용자의 편의를 위해 제공됩니다. 이 문서는 번역 소프트웨어를 사용하여 자동으로 번역되었으며 교정을 거치지 않았을 수 있습니다. 이 문서의 영어 버전이 가장 최신의 정보를 확인할 수 있는 공식 버전으로 간주해야 합니다. 여기에서 액세스할 수 있습니다..

모바일 디바이스에서 드래그 앤 드롭 콘텐츠 사용자 지정

마지막 업데이트 날짜: 2025년 6월 20일

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

콘텐츠 편집기에서 데스크톱 또는 모바일 장치에 페이지 콘텐츠가 표시되는 방식을 사용자 지정할 수 있습니다. 디바이스 유형에 따라 특정 요소의 표시 여부를 편집할 수 있습니다. 모바일 중단점을 위해 특별히 여백과 패딩을 사용자 지정할 수도 있습니다. 콘텐츠 편집기에서 콘텐츠를 만들고 편집하는 방법에 대해 자세히 알아보기


참고: HubSpot의 기본 테마 및 일부 템플릿 마켓플레이스 테마에만 모바일 편집 기능이 포함되어 있습니다. 사용자 정의 테마에는 기본적으로 모바일 편집 기능이 포함되어 있지 않습니다. 모바일 편집을 구현하려면 개발자와 협력하여 모바일 중단점을 설치하는 것이 좋습니다.


모바일 장치용 콘텐츠 편집

  1. 콘텐츠로 이동합니다:

    • 웹사이트 페이지:
    • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
  2. 페이지의 이름을 클릭합니다.
  3. 여러 디바이스 유형 간에 전환하려면 상단에서 mobile 모바일 아이콘 또는 desktop 데스크톱 아이콘을 클릭하여 선택한 유형에 맞게 편집합니다.

Content editor showing option to toggle between editing for mobile or desktop devices.

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

Content editor visibility settings, showing the option to hide or show an element on a mobile breakpoint.

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

Content editor alignment and spacing settings, showing options to customize padding and margin for a page element.

 

이 문서가 도움이 되었나요?
이 양식은 문서 피드백에만 사용됩니다. HubSpot으로 도움을 받는 방법 알아보기.