WeWeb에서 조건부 가시성을 어떻게 사용하나요?

1단계: WeWeb에 로그인하기

첫 번째 단계는 WeWeb 계정에 로그인하는 것입니다. WeWeb의 공식 웹사이트인 https://www.weweb.io/에 접속하세요. 웹페이지 오른쪽 상단에 위치한 '로그인' 버튼을 클릭하고, 등록한 이메일과 비밀번호를 입력한 후 '로그인' 버튼을 누르세요.

2단계: 에디터로 이동하기

로그인 후에는 WeWeb 대시보드로 이동하게 됩니다. 대시보드에서 편집하려는 웹사이트를 선택한 다음 '에디터' 버튼을 클릭하세요. 그러면 웹사이트 편집 페이지로 이동하게 됩니다.

3단계: 구성요소와 가시성 이해하기

에디터에 들어가면 '구성 요소'라는 개념을 이해하는 것이 중요합니다. 구성 요소는 웹사이트의 기본 블록입니다. 헤더, 이미지, 텍스트, 버튼 등 웹페이지의 개별 부분을 나타냅니다.

구성 요소와 관련하여 '가시성'이라는 용어는 사용자가 다른 조건하에서 웹사이트를 볼 때 구성 요소가 보이는지 여부를 의미합니다.

4단계: 구성 요소 선택하기

조건별 가시성을 적용할 구성 요소를 선택하세요. 이렇게 하려면 가시성 설정을 변경하려는 사이트의 구성 요소를 클릭하세요.

5단계: 가시성 설정에 액세스하기

구성 요소를 선택한 후에는 화면 오른쪽에 툴바가 나타나야 합니다. 이 툴바 내에 '설정' 탭을 클릭하여 더 많은 옵션을 표시하세요. 아래로 스크롤하고 '가시성'이라는 옵션을 찾으세요. 이를 클릭하면 가시성 설정 메뉴가 열립니다.

6단계: 가시성 조건 이해하기

가시성 설정에서는 다양한 조건을 설정할 수 있습니다. 선호하는 조건을 하나 또는 여러 개 선택할 수 있습니다. 예를 들어, 구성 요소가 로그인한 사용자에게만 보이도록 하려면 '사용자가 연결됨'이라는 조건을 설정할 수 있습니다. '사용자가 연결되지 않음', '사용자가 관리자임' 등의 다른 조건이 있습니다.

7단계: 가시성 조건 설정하기

가시성 조건을 이해한 후에는 선택한 구성 요소에 대한 원하는 조건을 선택하세요. 각 조건 왼쪽에는 체크 박스가 있습니다. 체크 박스를 클릭하여 조건을 선택하세요.

8단계: 변경 사항 저장 및 게시하기

원하는 조건을 설정한 후에는 '저장' 버튼을 클릭하여 변경 사항을 저장하세요. 보통 이 버튼은 에디터의 오른쪽 상단에 위치해 있습니다. 마지막으로, 변경 사항이 라이브 버전에 반영되도록 웹사이트를 게시하세요. 이는 '게시' 버튼을 클릭하여 수행할 수 있으며, 보통 이 버튼은 에디터의 오른쪽 상단, 저장 버튼 옆에 위치해 있습니다.

이 단계들을 통해 WeWeb에서 조건별 가시성을 성공적으로 사용할 수 있어야 합니다. 조건별 가시성으로 만든 변경 사항은 조건이 충족될 때만 반영된다는 점을 기억해 주세요. 예를 들어, 구성 요소가 로그인한 사용자에게만 보이도록 설정된 경우, 로그인하지 않은 방문자가 사이트를 볼 때는 보이지 않습니다.