운영게시판 운영자가 사용하는 공간 입니다.

소셜로그인 기능 탑재하였습니다. (페이스북, 트위터, 구글, 네이버)

  • AD 촌장
  • 조회 3894
  • 싸이트관리
  • 2020.06.13 00:42


(1). PC 로그인화면


 

 

(2). 모바일로 접속시 로그인 화면


 

 

 

2. 네이버 버튼 제작

 

네이버의 경우 버튼을 따로 만들었습니다.

 

PC용버튼

 

 

모바일용버튼
 

 

 

그리고  PSD파일도 첨부하여 가로폭 수정 및 폰트 수정도 가능합니다.

 

네이버 로그인 정책에 따라서 수정해야 짤리지 않습니다. (http://developer.naver.com/wiki/pages/NaverLoginBIGuide)

 

 

3. 설치 방법

 

관련링크1에 1초 로그인 다는 아미나사이트 링크가 있습니다.

 

필요하신 분은 다운받으세요 ㅎㅎ

 

 

 

4. 수정방법

 

그리고 네이버 버튼 달고 파일을 수정해줘야 합니다.

 

/plugin/sns_login/sns_login.php 파일 제일 밑에

 

1
2
3
4
5
6
7
<a href="javascript:login_naver();">
<?php if(G5_IS_MOBILE) { //모바일의 경우 ?>
<img src="<?=G5_PLUGIN_URL?>/sns_login/naver_228.png">
<?php } else { //pc의 경우 ?>
<img src="<?=G5_PLUGIN_URL?>/sns_login/naver_195.png">
<?php } ?>
</a>

 

 

위와 같이 붙여주면 됩니다.

 

 

5. 아웃로그인 수정하기

 

그리고 기존 아웃로그인에서 글꼴이 회색으로 되어 있어 소셜아이콘이 회색으로 나옵니다.

 

흰색으로 수정해주려면

 

/amina/misc/outlogin/basic/outlogin.css

 

6번째 줄 

 

color:#888;

 

 

color:#FFF;

 

로 바꿔서 소셜 아이콘 및 글자를 흰색으로 변경했습니다.

 

 

그런데 흰색으로 바꾸면 아이디/비번 찾기 글자도 흰색으로 변합니다.

 

해당 부분은 두껍게 해줘서 처리했습니다.

 

/amina/misc/outlogin/basic/outlogin.skin.php

 

에서 91번째 줄에 

 

1
<b>아이디/비번 찾기</b>

&nbs

트위터 페이스북 다음요즘 싸이공감 네이트온 쪽지 구글 북마크 네이버 북마크