레이아웃 설정에서 소셜로그인 기능을 사용 설정할 수 있습니다. 소셜로그인은 코노리님 소셜로그인 설치혀야 합니다^^;
https://xetown.com/xepoint/38524
사용하시는 분은 없지만 ㅋㅋㅋㅠㅠ
레이아웃 설정에서 소셜로그인 기능을 사용 설정할 수 있습니다. 소셜로그인은 코노리님 소셜로그인 설치혀야 합니다^^;
https://xetown.com/xepoint/38524
사용하시는 분은 없지만 ㅋㅋㅋㅠㅠ
무료 포인트 마켓에 댓글 남겼던 것처럼 cafe24에서 구글 연동만 지원되면 반드시 이온디님 로그인 포맷을 사용할 거예요 ㅎㅎ
일단은 시험 삼아 설치해서 구현해봤는데요. 같지만 다른 두 가지 옥의 티가 있었습니다.
1. 모바일에서 소셜 로그인 요소들 중 마지막 녀석이 아랫줄로 내려가더라구요.
2. 뿐만 아니라 브라우저 가로 사이즈를 옮겨가면서 반응형 디자인도 시험해봤는데요. 브라우저의 가로 사이즈를 줄이다보니, 마지막 녀석이 오른쪽 끝에 착 달라붙지 못하고 약간의 공백을 보이더라구요.
그래서 layout.html에 몇 가지 변형을 줘서 레이아웃을 다시 맞춰봤습니다. 소셜 로그인 버튼이 4개라는 전제에서...
1. 소셜 로그인 스타일 지정 부분: .sign_sns_box a > div 요소에서 width: 22%;margin:0으로 수정
2. 소셜 로그인 본문 부분: 각 요소들 사이에 <div style="width:4%;float:left;"> </div> 삽입
(기냥 무식하게 가로 폭을 100%에 맞춘 겁니다;;; 요소들간의 간격이 이온디님 원래 디자인보다 조금 넓어지는 문제가 있긴 해요ㅠㅠ)
3. 다시 소셜 로그인 스타일 지정 부분: .sign_sns_box a:first-child > div{margin:0} 삭제
(무식하게 양쪽 정렬을 맞춰논 바람에 필요없게 됐지요 으흐흐흐)
어쨌든 그랬더니 소셜 로그인 요소들도 반응형에 맞춰서 잘 정렬되었습니다. (아아, 만족스러워라~)
물론 이온디 로그인의 업데이트가 있기 전까지 임시변통에 불과하지만요(라고 쓰면서 업데이트를 요청합니다 ㅎㅎ).
보탬: 아, 그리고 로고 이미지 삽입이 가로 120px로 고정되어 있던데요. 레이아웃 설정 부분에서 120px 제한이라고 주석을 달아주시거나 아니면 폭 제한에 자유도를 좀 더 높여주시면 어떨까 합니다.