본문 바로가기
윅스 (Wix) 홈페이지 만들기/윅스 코딩 (Wix Code - Corvid)

윅스 (Wix) 코딩 - 모바일 에디터 (Wix Code: Working in the Mobile Editor)

by 라임쥬서(Lime Juicer) 2020. 4. 30.
반응형

윅스 (Wix) 코딩 - 모바일 에디터 (Wix Code: Working in the Mobile Editor)

 

 

 

설명)

윅스 코드(Wix Code)가 활성화된 모바일 에디터에서 사이트를 편집할 때 기본 모바일 에디터 기능은 모바일 장치에서 볼 때 사이트의 레이아웃을 디자인하기 때문에 요소 속성과 속성 패널은 읽기 전용입니다.

 

 

숨겨진 요소 (Hidden Elements) vs. 로드에 숨겨진 요소 (Hidden on Load)

모바일 에디터에는 숨겨진 요소들 메뉴가 있습니다.

 

로드시 숨겨진 요소의 속성과 혼동해서는 안됩니다.

 

 

숨겨진 요소 메뉴를 사용하면 사이트의 모바일 버전에 표시되지 않아야하는 요소들을 정의할 수 있으며, 로드시 숨겨진 요소는 요소가 처음 로드될 때 페이지에 요소가 표시되는지에 대한 여부를 결정합니다.

 

차이점을 더 잘 이해하기 위해 모바일 장치에서 페이지를 로드할 때 표시하지 않으려는 요소가 있지만 사용자 동작에 따라 페이지가 어느 시점에 표시되기를 원한다고 가정해보겠습니다. [속성] 패널에서 해당 요소의 [숨김] 속성을 선택 취소한 다음 조건이 충족될 때 요소가 표시되도록 코드를 추가합니다.

 

요소를 숨겨진 요소 목록에 추가하면 모바일보기에서 해당 요소가 표시되지 않습니다. 코드를 사용하여 표시하려고해도 숨겨진 상태로 유지됩니다.

 

중요:

모바일 에디터를 사용하여 요소를 숨기면 해당 요소가 페이지의 DOM에서 제거됩니다. 숨겨진 요소의 연관된 코드는 중단됩니다.

 

 

연관된 토픽)

 

 

윅스 홈페이지 만들기 101

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

 

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index 윅스 (Wix.com) 윅스 ADI & 템플릿 (Wix ADI & 템플릿) 윅스 웹에디터 (Wix Editor) 윅스 코딩 (Wix Code - Corvid) 윅스 해커톤 (Wix Hackathon)

limejuicer.tistory.com

 

출처 :

https://support.wix.com/en/article/wix-code-working-in-the-mobile-editor

 

반응형

댓글