- 소셜XE 2015 / 기존 로그인 통합 로그인 스킨 -

 

** 기존 신규 회원 가입을 받지 않는 경우 하단에 '등록'버튼이 나타나지 않는 오류가 발생하여 1.1 버전에서 수정하였습니다. 다운받으셔서 폴더째로 덮어쓰기 하시면 됩니다.**

 

CONORY 님이 무료로 배포해주신 소셜XE 2015모듈(https://xetown.com/xepoint/2930)에서 소셜 로그인과 기존 로그인을 동시에 사용하도록 만든 스킨입니다.

 

V2.0 부터는 기존 로그인 방식과 기존 신규 회원가입을 사용 여부에 따라 스킨이 필요한 부분만 나오도록 하였습니다. 기존 로그인과 동시에 사용해도 되고 소셜XE 스킨 단독으로 사용하셔도 무방합니다.

 

소셜 아이콘을 제외하고 별다른 이미지를 사용하지 않고 깔끔한 선으로 이루어져있는 스킨입니다.

예전 소셜XE 2015가 처음 공개되었을 때, 동시에 로그인이 되었으면 좋겠다 하고 코노리님 사이트에 급조해서 대충 만들어 올린 스킨이 있었는데 (https://www.conory.com/use_forum/38789)그 때부터 이렇게 디자인 되었으면 좋겠다 하고 생각했던 부분을 갑자기 삘 받아서 막 만들었네요.

 

이미 발빠르게 각자 스킨을 만드셨겠지만 새로 사이트를 오픈하시는 분들이나 스킨을 따로 손보기 귀찮은 분들에게 좋을 것 같습니다. 

 

 

- 특징

  • 소셜 로그인과 기존에 로그인 방식을 동시에 사용할 수 있습니다.
  • 나름 반응형으로 제작되었습니다. (반응형이라고 해봐야 모바일에서 쬐금 더 보기쉽게 정렬이 되도록 한겁니다.)
  • 추가 정보 입력시 디자인이 통일되어 깔끔한 느낌을 줍니다.

 

 

- 미리보기

V2.0 부터 추가된 내용

- SNS로그인만 사용

K-042.jpg

 

- SNS 로그인과 기존의 로그인 동시 사용 (기존 방식으로 신규회원을 안받는 경우)

K-043.jpg

 

- SNS 로그인과 기존 회원가입만 받는 경우 (이런 경우는 거의 없으리라 봅니다.)

K-044.jpg

 

- SNS 로그인, 기존 로그인, 신규 회원가인 모두 사용하는 경우

K-045.jpg

 

가로 폭이 720px 이하일 때 모습은 따로 담지 않았습니다. 하단의 설명과 거의 비슷하다고 보시면 됩니다.

 

 

 

K-026.jpg

 

<PC 및 가로 720px 이상 화면에서 보여지는 모습>

 

 

 

K-029.jpg

 

<모바일 및 가로 480px 이하에서 보여지는 모습 (720px 이하의 모습도 비슷)>

 

 

 

 

K-027.jpg

 

<추가 정보 입력시 모습>

 

 

 

- 설정 방법

 

V2.0에서 필수 설정항목 일부가 변경되었습니다. SNS로그인은 필수 체크입니다.

K-030.jpg

 

 

 

- 버전

V2.2

720px 이하의 해상도에서 소셜 버튼 축소로 쓸데없는 공간 축소K-046.jpg

추가 정보 입력시 CSS 정리 및 AJAX ID 중복 검사 체크가능하도록 설정 

(약사이다 님의 글을 참조함 - https://xetown.com/lakepark/385304 )

K-070.jpg

 

 

V2.1

선택적 SSL 사용시 SSL이 제대로 적용이 안되어 로그인이 되지 않던 오류 수정.

일부 레이아웃에서 소셜 로그인과 기존 로그인이 일렬로 배치되던 문제 수정.

 

V2.0

약간의 폭 조정 및 마무리

기존 로그인, 기존 회원가입 사용 여부에 따라 보여지는 화면을 다르게 설정하였습니다.

이 버전에서 구현한 내용까지 제가 쭉 생각해오던 기능들이었습니다. 아마, 큰 문제점이 없는한 스킨의 마지막 버전이 될 듯합니다.

 

V 1.1

기존 회원 가입을 사용하지 않을 때 추가 정보 입력시 등록버튼이 보이지 않는 오류 수정 (@dongdong 님 제보 - https://xetown.com/qna/372869)

 

V 1.0

현재 버전

 

V 0.1

초기 버전. 코노리님 사이트에서 다운로드 가능 (https://www.conory.com/use_forum/38789)

 

 

- 라이선스

스킨의 기본 틀은 이나님의 회원 스킨에서 시작되었습니다. (http://ena-ble.net/198) 원 스킨 제작자인 이나님이 따로 라이선스를 명시하지 않아 저도 따로 명시하지 않았습니다. 또한 이나님께 직접 재가공하여 배포하는 것에 대한 허락도 받았습니다. 이 자료 역시 다운로드 후 자유롭게 수정하여 사용이 가능합니다.

참고로 이나님의 회원 스킨을 동시에 사용하면 회원가입 폼 등 디자인의 일관성이 더 좋아집니다.