자유 형식 랜딩 페이지에 대한 모바일 보기 사용자 지정 customize-mobile-view-for-your-free-form-landing-page
자유 형식 랜딩 페이지의 모바일 보기는 대부분 자동이지만 사용자 정의할 수 있습니다. 방법은 다음과 같습니다.
-
자유 형식 랜딩 페이지를 선택합니다.
-
클릭 초안 편집.
-
다음을 클릭합니다. 모바일 탭.
모바일과 데스크탑 보기 비교 mobile-vs-desktop-view
페이지 요소 아래에 (데스크탑) 아이콘 및 (모바일) 아이콘. 이렇게 하면 다른 요소를 동적으로 표시하거나 숨길 수 있습니다.
기본적으로 데스크탑 보기의 모든 항목이 모바일 보기에 표시됩니다.
알아야 할 중요한 사항: important-things-to-know
-
이미지가 모바일 디바이스의 너비로 확장됩니다. 더 작은 이미지가 필요한 경우 서식 있는 텍스트 요소를 가져와서 이미지를 추가합니다.
-
Forms 2.0 양식만 사용하십시오. 반응하며 자동으로 조정됩니다.
-
한 개의 템플릿 요소만 편집할 수 있습니다. BODY#bodyid (Mobile). 이 옵션을 사용하여 배경색을 변경할 수 있습니다.
모바일 보기에서 요소 숨기기 hide-an-element-from-the-mobile-view
-
요소를 숨기려면 모바일 열 아래에서 해당 확인란을 클릭합니다.
-
완벽해! 해당 요소는 더 이상 모바일 보기에 표시되지 않습니다.
모바일 보기에 요소 추가 add-an-element-to-the-mobile-view
-
요소를 추가하려면 요소를 자유 형식 랜딩 페이지로 드래그 앤 드롭하십시오.
요소가 모바일 보기에만 표시되도록 설정되어 있는지 확인합니다.
모바일 보기 미리 보기 preview-mobile-view
-
클릭 초안 미리 보기.
-
멋진 거 보고 싶어? 선택 나란히.
-
이제 랜딩 페이지의 데스크탑 버전과 모바일 버전을 동시에 볼 수 있습니다!
-
마음에 들면 다음을 클릭하십시오. 승인 및 닫기.
note note NOTE 미리 보기는 대화형이 아닙니다. 모든 스마트폰은 사물을 조금 다르게 표시합니다. 몇 가지 장치에서 랜딩 페이지를 미리 보고 랜딩 페이지의 동작을 정확히 확인하는 것이 좋습니다.
재밌게 놀아!