scr_20151104_001.png

 

레이아웃 설정에서 소셜로그인 기능을 사용 설정할 수 있습니다. 소셜로그인은 코노리님 소셜로그인 설치혀야 합니다^^;

https://xetown.com/xepoint/38524

 

사용하시는 분은 없지만 ㅋㅋㅋㅠㅠ

  • ?
    흐흐 이온디님 요즘 게시물 보면 귀여운 남성의 표본같으십니다
  • ?
    엄청 이쁘네요... 대박 ㅎㅎ
  • 와 깔끔하고 좋습니다 ㅜㅜ 제 레이아웃에도 적용이 될까요... 오늘 한 번 시도해봐야 겠군요 +_+
  • ? Lv7
    감사합니다. ^^
  • ?
    오오오!! 깔끔해요!
    이제 색상도 잘 맞는거 같아요. 네이버 느낌도 이젠 거의 안나네요 :)
  • ? Lv17
    구글이 없어요 ?? :-)
  • Lv11
    좋네요 ㅎㅎ
  • Lv19

    무료 포인트 마켓에 댓글 남겼던 것처럼 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 제한이라고 주석을 달아주시거나 아니면 폭 제한에 자유도를 좀 더 높여주시면 어떨까 합니다.

  • Lv19 Lv16
    빠른 시일 내로 고쳐놓겠습니다. ㅎㅎ;
  • Lv16 Lv19
    감사합니다. 애착을 갖고 잘 사용하도록 할게요 ^^/
  • Lv19 Lv16
    업데이트 해서 올렸습니다. ^^
  • ?
    오 정말 이쁘네요!