상단 영역에 회원가입 및 로그인 버튼을 추가하여, 방문자가 사이트 회원으로 가입하고 로그인할 수 있게 설정할 수 있습니다. 회원가입 및 로그인 버튼을 만들려면 상단에 로그인/장바구니 위젯을 추가해야 합니다.
이 도움말에서는 상단에 로그인/장바구니 위젯을 추가하고, 회원가입 및 로그인 버튼을 추가하는 과정을 설명합니다.
설정방법
1단계: 상단설정 진입하기
상단 영역에 로그인/장바구니 위젯을 추가합니다.
- 디자인 모드에 접속합니다. 접속방법
- 상단 영역 오른쪽에 상단설정을 클릭합니다.
- 섹션에 마우스 포인터를 올립니다.
- 위젯 추가 아이콘이 나타나면 클릭합니다.
- 로그인/장바구니 위젯을 추가합니다.
참고: 선택하신 테마에 로그인/장바구니 위젯이 이미 추가된 경우 이 과정은 건너뜁니다. - (선택 사항) 로그인/장바구니 위젯을 마우스로 클릭하고 드래그하여, 원하는 곳에 배치합니다.
2단계: 로그인 전 객체 추가하기
로그인/장바구니 위젯은 로그인 전과 로그인 후 설정을 따로 해줘야 합니다. 방문자가 로그인, 회원가입 전에는 일반적으로 로그인 및 회원가입 버튼이 표시됩니다.
- 로그인/장바구니 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
- 보조 메뉴가 나타나면 로그인 설정을 클릭합니다.
로그인 설정 창이 나오면, 상단에 로그인 전 탭을 클릭합니다.
왼쪽 상단의 +추가를 클릭하고, 회원가입을 클릭합니다.
참고: 이미 회원가입 버튼이 존재하는 경우 추가 선택할 수 없습니다.
- 위 4번과 같은 방법으로 로그인 객체를 추가합니다.
객체를 2개 이상 추가한 경우 객체를 마우스로 클릭하고 드래그하여 순서를 변경할 수 있습니다.
참고: 추가한 객체를 삭제하려면 객체 위에 마우스 포인터를 올리면 나타나는 를 클릭해 줍니다.
3단계: 객체 설정하기
추가한 로그인 및 회원가입 버튼의 설정을 변경합니다.
로그인 객체를 선택합니다.
하단에 로그인 옵션이 나타납니다. 필요에 따라 로그인 문구와 텍스트 크기를 변경합니다. 텍스트 크기 변경 시 회원가입 텍스트에도 영향을 줍니다.
회원가입 객체를 클릭합니다.
하단에 회원가입 옵션이 나타납니다. 필요에 따라 회원가입 문구를 변경합니다.
공통으로 적용할 텍스트 색상 및 텍스트 Hover 색상을 편집합니다. 필요에 따라 객체간 간격을 조절해 버튼간 간격을 조절해 보세요. 롤오버(Hover)란?
4단계: 로그인 후 객체 추가 및 설정하기
로그인 전 객체를 추가하고 설정했던 방식 그대로, 로그인 후 객체를 설정합니다. 로그인 후에는 대개 회원가입, 로그인 메뉴는 숨겨지고, 마이페이지, 장바구니 등을 표시합니다.
로그인 설정 창 상단 로그인 후 탭을 클릭합니다.
- 왼쪽 상단의 +추가를 클릭하고, 필요한 객체들을 추가합니다.
객체를 클릭하고, 각 객체의 설정을 변경해 줍니다.
- 로그인 설정 창 바깥 영역을 클릭해 설정을 완료합니다.
5단계: 미리보기 및 게시하기
Google 크롬 시크릿창을 활용해 회원가입 및 로그인이 정상적으로 동작하는지 확인하고 적용합니다.
- 디자인 모드 오른쪽 상단 아이콘을 클릭합니다.
- 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.
- Google 크롬 시크릿창을 켜고, 사이트에 접속해 회원가입 및 로그인을 해봅니다. 크롬 시크릿창이란?
참고: 크롬 시크릿창을 사용하면, 비로그인 상태로 내 사이트 접속이 가능하여 테스트가 편리합니다. - 사이트 관리자 메뉴에 접속합니다. 접속방법
- 왼쪽 관리 메뉴에서 [사용자 관리 > 사용자 목록]으로 이동해 정상적으로 회원가입이 되었는지 확인합니다.
회원가입 항목을 수정하고 싶으세요?
아이디/이메일, 전화번호, 성별, 주소, 파일첨부 등 필요에 따라 다양한 회원가입 항목을 추가할 수 있습니다.
회원가입 항목 추가 및 편집방법
상단 영역에 회원가입 및 로그인 버튼을 추가하여, 방문자가 사이트 회원으로 가입하고 로그인할 수 있게 설정할 수 있습니다. 회원가입 및 로그인 버튼을 만들려면 상단에 로그인/장바구니 위젯을 추가해야 합니다.
이 도움말에서는 상단에 로그인/장바구니 위젯을 추가하고, 회원가입 및 로그인 버튼을 추가하는 과정을 설명합니다.
설정방법
1단계: 상단설정 진입하기
상단 영역에 로그인/장바구니 위젯을 추가합니다.
참고: 선택하신 테마에 로그인/장바구니 위젯이 이미 추가된 경우 이 과정은 건너뜁니다.
2단계: 로그인 전 객체 추가하기
로그인/장바구니 위젯은 로그인 전과 로그인 후 설정을 따로 해줘야 합니다. 방문자가 로그인, 회원가입 전에는 일반적으로 로그인 및 회원가입 버튼이 표시됩니다.
로그인 설정 창이 나오면, 상단에 로그인 전 탭을 클릭합니다.
왼쪽 상단의 +추가를 클릭하고, 회원가입을 클릭합니다.
참고: 이미 회원가입 버튼이 존재하는 경우 추가 선택할 수 없습니다.
객체를 2개 이상 추가한 경우 객체를 마우스로 클릭하고 드래그하여 순서를 변경할 수 있습니다.
참고: 추가한 객체를 삭제하려면 객체 위에 마우스 포인터를 올리면 나타나는 를 클릭해 줍니다.
3단계: 객체 설정하기
추가한 로그인 및 회원가입 버튼의 설정을 변경합니다.
로그인 객체를 선택합니다.
하단에 로그인 옵션이 나타납니다. 필요에 따라 로그인 문구와 텍스트 크기를 변경합니다. 텍스트 크기 변경 시 회원가입 텍스트에도 영향을 줍니다.
회원가입 객체를 클릭합니다.
하단에 회원가입 옵션이 나타납니다. 필요에 따라 회원가입 문구를 변경합니다.
공통으로 적용할 텍스트 색상 및 텍스트 Hover 색상을 편집합니다. 필요에 따라 객체간 간격을 조절해 버튼간 간격을 조절해 보세요. 롤오버(Hover)란?
4단계: 로그인 후 객체 추가 및 설정하기
로그인 전 객체를 추가하고 설정했던 방식 그대로, 로그인 후 객체를 설정합니다. 로그인 후에는 대개 회원가입, 로그인 메뉴는 숨겨지고, 마이페이지, 장바구니 등을 표시합니다.
로그인 설정 창 상단 로그인 후 탭을 클릭합니다.
객체를 클릭하고, 각 객체의 설정을 변경해 줍니다.
5단계: 미리보기 및 게시하기
Google 크롬 시크릿창을 활용해 회원가입 및 로그인이 정상적으로 동작하는지 확인하고 적용합니다.
참고: 크롬 시크릿창을 사용하면, 비로그인 상태로 내 사이트 접속이 가능하여 테스트가 편리합니다.
회원가입 항목을 수정하고 싶으세요?
아이디/이메일, 전화번호, 성별, 주소, 파일첨부 등 필요에 따라 다양한 회원가입 항목을 추가할 수 있습니다.
회원가입 항목 추가 및 편집방법