한줄 아웃로그인 - 소셜로그인 버튼 -

디케DIKE 운영 0 628 2020.10.20 22:18

https://sir.kr/g5_tip/14524 + 212 https://www.happyjung.com/lecture/2941 + 119

아웃로그인을 한줄로 만들때 요긴한 소스입니다
https://sir.kr/g5_skin/27861 스킨을 참고했으며, SNS 버튼은 해당 스킨에 포함된 것을 사용하면 이쁘게 적용 할 수 있습니다

1. skin / outlogin / outlogin.skin.1.php<?php if ($member['mb_id']) { // 로그인후 ?>

<a href="<?php echo G5_URL; ?>">HOME</a>
관리자
정보수정
로그아웃
회원탈퇴
<?php } else { // 로그인전 ?>

<div stlyl="float:left;">
<a href="<?php echo G5_URL; ?>">HOME</a>
 | <a href="<?php echo G5_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>">로그인</a>
 | <a href="<?php echo G5_BBS_URL; ?>/register.php">회원가입</a>
 | <a href="<?php echo G5_BBS_URL ?>/password_lost.php" id="ol_password_lost">정보찾기</a>
</div>
<?php
// 소셜로그인 사용시 소셜로그인 버튼
if($config['cf_social_login_use']) {
$social_pop_once = false;

$self_url = G5_BBS_URL."/login.php";

//새창을 사용한다면
if( G5_SOCIAL_USE_POPUP ) {
$self_url = G5_SOCIAL_LOGIN_URL.'/popup.php';
}
add_stylesheet('<link rel="stylesheet" href="'.get_social_skin_url().'/style.css">', 10);
?>
<div class="sns-wrap" style="float:left; margin:0 auto; padding-left:10px;">
   <?php if( social_service_check('naver') ) { //네이버 로그인을 사용한다면 ?>
   <a href="<?php echo $self_url; ?>?provider=naver&url=<?php echo $urlencode; ?>" title="네이버">
       <img src="/img/common/sns_naver_s.png">
   </a>
   <?php } //end if ?>
   <?php if( social_service_check('kakao') ) { //카카오 로그인을 사용한다면 ?>
   <a href="<?php echo $self_url; ?>?provider=kakao&url=<?php echo $urlencode; ?>" title="카카오">
       <img src="/img/common/sns_kakao_s.png">
   </a>
   <?php } //end if ?>
   <?php if( social_service_check('facebook') ) { //페이스북 로그인을 사용한다면 ?>
   <a href="<?php echo $self_url; ?>?provider=facebook&url=<?php echo $urlencode; ?>" title="페이스북">
       <img src="/img/common/sns_fb_s.png">
   </a>
   <?php } //end if ?>
   <?php if( social_service_check('google') ) { //구글 로그인을 사용한다면 ?>
   <a href="<?php echo $self_url; ?>?provider=google&url=<?php echo $urlencode; ?>" title="구글">
       <img src="/img/common/sns_gp_s.png">
   </a>
   <?php } //end if ?>
   <?php if( social_service_check('twitter') ) { //트위터 로그인을 사용한다면 ?>
   <a href="<?php echo $self_url; ?>?provider=twitter&url=<?php echo $urlencode; ?>" title="트위터">
       <img src="/img/common/sns_twitter_s.png">
   </a>
   <?php } //end if ?>
   <?php if( social_service_check('payco') ) { //페이코 로그인을 사용한다면 ?>
   <a href="<?php echo $self_url; ?>?provider=payco&url=<?php echo $urlencode; ?>" title="페이코">
       <img src="/img/common/sns_payco_s.png">
   </a>
   <?php } //end if ?>
</div>
   <?php if( G5_SOCIAL_USE_POPUP && !$social_pop_once ){
   $social_pop_once = true;
   ?>
   <script>
       jQuery(function($){
           $(".sns-wrap").on("click", "a.social_link", function(e){
               e.preventDefault();

               var pop_url = $(this).attr("href");
               var newWin = window.open(
                   pop_url,
                   "social_sing_on",
                   "location=0,status=0,scrollbars=1,width=600,height=500"
               );

               if(!newWin || newWin.closed || typeof newWin.closed=='undefined')
                   alert('브라우저에서 팝업이 차단되어 있습니다. 팝업 활성화 후 다시 시도해 주세요.');

               return false;
           });
       });
   </script>
   <?php } ?>
<?php } ?>
<div style="clear:both;"></div>