사이트 회원가입/로그인 설정하기

2단계: 로그인 전 객체 추가하기

로그인/장바구니 위젯은 로그인 전과 로그인 후 설정을 따로 해줘야 합니다. 이 단계에서는 로그인 전에 보여줄 메뉴로 로그인과 회원가입 버튼을 표시하는 과정을 설명합니다.

1. 로그인/장바구니 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
2. 컨텍스트 메뉴가 나타나면 로그인 설정을 클릭합니다.
3. 로그인 설정 창이 나오면, 상단에 로그인 전 탭을 클릭합니다.

   

4. 왼쪽 상단의 +추가를 클릭하고, 회원가입을 클릭합니다. (이미 로그인이 존재하는 경우, 다음 과정으로 건너뜁니다.)

   

5. 위 4번과 같은 방법으로 로그인 객체를 추가합니다. (이미 로그인이 존재하는 경우, 다음 과정으로 건너뜁니다.)
6. (선택 사항) 객체를 2개 이상 추가한 경우, 객체를 마우스로 클릭 후 드래그하여 순서를 변경하세요.
   참고: 추가한 객체를 삭제하려면 객체 위에 마우스 포인터를 올리면 나타나는 ⨂를 클릭합니다.

   

3단계: 로그인 전 객체 설정하기

1. 로그인 객체를 선택합니다.

   

2. 하단에 로그인 옵션이 나타납니다. 필요에 따라 로그인 문구와 텍스트 크기를 변경합니다. 텍스트 크기 변경 시 회원가입 텍스트에도 영향을 줍니다.

   

3. 회원가입 객체를 클릭합니다.

   

4. 하단에 회원가입 옵션이 나타납니다. 필요에 따라 회원가입 문구를 변경합니다.

   

5. 공통으로 적용할 텍스트 색상 및 텍스트 Hover 색상을 편집합니다. 필요에 따라 객체간 간격을 조절해 버튼간 간격을 조절해 보세요. 

   

4단계: 로그인 후 객체 추가 및 설정하기

로그인 전 객체를 추가하고 설정했던 방식 그대로, 로그인 후 객체를 설정합니다.

1. 로그인 설정 창 상단의 로그인 후 탭을 클릭합니다.

   

2. 왼쪽 상단의 + 추가를 클릭하고, 필요한 객체(들)을 추가합니다.
3. 객체를 클릭하고, 각 객체의 설정을 변경해 줍니다.

   

4. 로그인 전 객체를 설정했던 것과 같이 로그인 후 객체를 마우스로 선택한 다음에 문구, 색상, 크기 등을 수정합니다.
5. 로그인 설정 창 바깥 영역을 클릭해 설정을 완료합니다.

5단계: 게시하기 및 확인하기