본문 바로가기

윅스 (Wix) 홈페이지 만들기/윅스 코딩 (Wix Code - Corvid)234

윅스 (Wix) 코딩 예제 - 이벤트에 사용자 정의된 상호 작용 추가하기 (Wix Code Tutorial: Adding Custom Interactivity with Events) 윅스 (Wix) 코딩 예제 - 이벤트에 사용자 정의된 상호 작용 추가하기 (Wix Code Tutorial: Adding Custom Interactivity with Events) 설명) 이 예제에서는 페이지가 로드될 때 숨겨지도록 이미지를 설정하는 방법을 보여주고 방문자가 버튼을 클릭할 때만 표시되도록 설정합니다. 우선 이미지와 버튼을 페이지에 추가한 다음 클릭할 때 코드를 실행하도록 버튼을 설정합니다. 그런 다음 페이지가 자동으로 로드되지 않도록 이미지를 구성합니다. 마지막으로 버튼을 클릭하면 이미지가 표시되는 코드가 애니메이션과 함께 추가됩니다. 1. 개발자 도구 활성화 (Turn on Developer Tools) 윅스 코드(Wix Code)는 윅스 에디터(Wix Editor)에 고급 기능을 추.. 2020. 5. 1.
윅스 (Wix) 코딩 - 데이터베이스 콘텐츠 일반 페이지에 표시하기 (Wix Code Tutorial: Displaying Database Content on a Regular Page) 윅스 (Wix) 코딩 - 데이터베이스 콘텐츠 일반 페이지에 표시하기 (Wix Code Tutorial: Displaying Database Content on a Regular Page) 설명) 이 예제에서는 컬렉션의 데이터를 표시하는 사용자 지정 페이지를 작성하는 방법을 학습합니다. 페이지 요소들을 배치하고, 데이터베이스 콜렉션을 작성하고, 데이터세트를 사용하여 이러한 요소에 연결하는 방법을 설명합니다. 마지막으로 미리보기 모드에서 페이지를 테스트하고 사이트를 방문한 사용자가 귀하의 데이터를 볼 수 있도록 사이트를 게시합니다. 노트 : 이 예제에서는 컬렉션의 콘텐츠를 표시하는 일반 페이지를 만듭니다. 컬렉션의 콘텐츠를 표시하는 동적 페이지를 만드는 방법에 대한 자세한 내용은 예제 : 동적 항목 페이지를.. 2020. 5. 1.
윅스 (Wix) 코딩 - 예제 활용 방법 (Wix Code: How to Work with Examples) 윅스 (Wix) 코딩 - 예제 활용 방법 (Wix Code: How to Work with Examples) 설명) 윅스 코드(Wix Code) 예제 사이트는 윅스 코드(Wix Code)의 힘을 설명하고 자신의 사이트에서 사용할 수 있는 아이디어를 제공하기 위해 설계되었습니다. 다음 두 가지 사용 방법으로서 이 예제들을 사용할 수 있습니다. - 템플릿 : 예제 사이트를 자신의 Wix 계정에 저장한 다음 사이트를 구축할 기반으로 사용할 수 있습니다. 예제가 윅스 앱(Wix Apps)과 함께 작동하는 경우 데이터가 이미 추가된 앱과 연결될 수 있으므로 앱에서 해당 데이터를 제거한 다음 직접 추가해야 합니다. - 아이디어 소스 : 예제 사이트를 탐색하여 모든 페이지, 요소, 컬렉션 및 코드가 어떻게 결합되었는.. 2020. 5. 1.