20'C 흐림
서울 강남구
/bbs/login.php에 sns로그인 추가하는 단순 팁입니다.
항상 눈팅만 하고 받아가기만 하는 것이 죄송하네요.
초보 입장에서 끄적여 본 것이니, 추가 및 개선사항은 함께 공유해 주시면 감사하겠습니다.
1. sns로그인 추가하기
우선 sns로그인에 필요한 플러그인을 설치해야겠지요.
1) 주인장 한별아빠님께서 공개해 주신 Login OAuth Plugin v1.2 설치
http://amina.co.kr/bbs/board.php?bo_table=apms_skin&wr_id=412
2) 까리쓰마님께서 공개해 주신 '다음' 로그인 플러그인 설치
http://amina.co.kr/bbs/board.php?bo_table=apms_skin&wr_id=459
2. login.skin.php 수정하기
thema/basic/bbs/login/login.skin.php 를 열어서 다음과 같이 수정합니다.
로그인 박스 아래나 상품구입 권한 박스 아래에 다음 내용을 추가합니다.
<!--sns로그인 추가-->
<style>
.form-body img { margin:0 1px; background-color: #ffffff; max-width:50px; height:auto; float:left;}
</style>
<div class="row">
<div class="col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3">
<div class="form-box">
<div class="form-header">
<h2><b><i class="fa fa-th-large"></i> SNS LOGIN!</b></h2>
</div>
<div class="form-body"><!--login-oauth-->
<?php echo get_login_oauth('naver');?>
<?php echo get_login_oauth('daum');?>
<?php echo get_login_oauth('kakao');?>
<?php echo get_login_oauth('facebook');?>
<?php echo get_login_oauth('twitter');?>
<?php echo get_login_oauth('google');?>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<!--sns로그인 추가 끝-->
sns로그인이 추가된 모양은 링크를 통해 확인해 주세요.