자유 형식 랜딩 페이지에 대한 모바일 보기 사용자 지정 customize-mobile-view-for-your-free-form-landing-page

자유 형식 랜딩 페이지의 모바일 보기는 대부분 자동이지만 사용자 정의할 수 있습니다. 방법은 다음과 같습니다.

  1. 자유 형식 랜딩 페이지를 선택합니다.

  2. 클릭 초안 편집.

  3. 다음을 클릭합니다. 모바일 탭.

모바일과 데스크탑 보기 비교 mobile-vs-desktop-view

페이지 요소 아래에 (데스크탑) 아이콘 및 (모바일) 아이콘. 이렇게 하면 다른 요소를 동적으로 표시하거나 숨길 수 있습니다.

기본적으로 데스크탑 보기의 모든 항목이 모바일 보기에 표시됩니다.

NOTE
사각형은 모바일 보기에 표시되지 않습니다.

알아야 할 중요한 사항: important-things-to-know

  • 이미지가 모바일 디바이스의 너비로 확장됩니다. 더 작은 이미지가 필요한 경우 서식 있는 텍스트 요소를 가져와서 이미지를 추가합니다.

  • Forms 2.0 양식만 사용하십시오. 반응하며 자동으로 조정됩니다.

  • 한 개의 템플릿 요소만 편집할 수 있습니다. BODY#bodyid (Mobile). 이 옵션을 사용하여 배경색을 변경할 수 있습니다.

모바일 보기에서 요소 숨기기 hide-an-element-from-the-mobile-view

TIP
모바일에서 더 적은 것이 더 많습니다. 더 행복한 고객을 위해 더 적은 단어를 사용하십시오.
  1. 요소를 숨기려면 모바일 열 아래에서 해당 확인란을 클릭합니다.

  2. 완벽해! 해당 요소는 더 이상 모바일 보기에 표시되지 않습니다.

모바일 보기에 요소 추가 add-an-element-to-the-mobile-view

TIP
모바일 보기에 대해서만 특수(더 짧은) 컨텐츠를 만듭니다.
  1. 요소를 추가하려면 요소를 자유 형식 랜딩 페이지로 드래그 앤 드롭하십시오.

    요소가 모바일 보기에만 표시되도록 설정되어 있는지 확인합니다.

TIP
모바일 보기는 또한 페이지 요소의 다른 배열을 가질 수 있습니다. 자유 형식 랜딩 페이지에서 항목을 이동하거나 아래 나열된 개체의 순서를 변경합니다. 페이지 요소 드래그 앤 드롭을 사용합니다.

모바일 보기 미리 보기 preview-mobile-view

  1. 클릭 초안 미리 보기.

  2. 멋진 거 보고 싶어? 선택 나란히.

  3. 이제 랜딩 페이지의 데스크탑 버전과 모바일 버전을 동시에 볼 수 있습니다!

  4. 마음에 들면 다음을 클릭하십시오. 승인 및 닫기.

    note note
    NOTE
    미리 보기는 대화형이 아닙니다. 모든 스마트폰은 사물을 조금 다르게 표시합니다. 몇 가지 장치에서 랜딩 페이지를 미리 보고 랜딩 페이지의 동작을 정확히 확인하는 것이 좋습니다.

재밌게 놀아!

recommendation-more-help
94ec3174-1d6c-4f51-822d-5424bedeecac