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

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




1. skin / outlogin / outlogin.skin.1.php
[code]
<?php
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">', 0);
?>

<!-- 로그인 전 외부로그인 시작 -->
<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td><a href="<?php echo G5_URL; ?>">HOME</a></td>
        <td>&nbsp;|&nbsp;<a href="<?php echo G5_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>">로그인</a></td>
        <td>&nbsp;|&nbsp;<a href="<?php echo G5_BBS_URL; ?>/register.php">회원가입</a></td>
        <td>&nbsp;|&nbsp;<a href="<?php echo G5_BBS_URL ?>/password_lost.php" id="ol_password_lost">정보찾기</a> &nbsp;</td>
        <td style="padding:0 5px 0 0;">
<?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">
        <?php if( social_service_check('naver') ) {     //네이버 로그인을 사용한다면 ?>
        <a href="<?php echo $self_url; ?>?provider=naver&amp;url=<?php echo $urlencode; ?>" class="sns-icon social_link sns-naver" title="네이버">
            <img src="<?php echo $outlogin_skin_url; ?>/img/sns_naver_s.png">
        </a>
        <?php }     //end if ?>
        <?php if( social_service_check('kakao') ) {     //카카오 로그인을 사용한다면 ?>
        <a href="<?php echo $self_url; ?>?provider=kakao&amp;url=<?php echo $urlencode; ?>" class="sns-icon social_link sns-kakao" title="카카오">
            <img src="<?php echo $outlogin_skin_url; ?>/img/sns_kakao_s.png">
        </a>
        <?php }     //end if ?>
        <?php if( social_service_check('facebook') ) {     //페이스북 로그인을 사용한다면 ?>
        <a href="<?php echo $self_url; ?>?provider=facebook&amp;url=<?php echo $urlencode; ?>" class="sns-icon social_link sns-facebook" title="페이스북">
            <img src="<?php echo $outlogin_skin_url; ?>/img/sns_fb_s.png">
        </a>
        <?php }     //end if ?>
        <?php if( social_service_check('google') ) {     //구글 로그인을 사용한다면 ?>
        <a href="<?php echo $self_url; ?>?provider=google&amp;url=<?php echo $urlencode; ?>" class="sns-icon social_link sns-google" title="구글">
            <img src="<?php echo $outlogin_skin_url; ?>/img/sns_gp_s.png">
        </a>
        <?php }     //end if ?>
        <?php if( social_service_check('twitter') ) {     //트위터 로그인을 사용한다면 ?>
        <a href="<?php echo $self_url; ?>?provider=twitter&amp;url=<?php echo $urlencode; ?>" class="sns-icon social_link sns-twitter" title="트위터">
            <img src="<?php echo $outlogin_skin_url; ?>/img/sns_twitter_s.png">
        </a>
        <?php }     //end if ?>
        <?php if( social_service_check('payco') ) {     //페이코 로그인을 사용한다면 ?>
        <a href="<?php echo $self_url; ?>?provider=payco&amp;url=<?php echo $urlencode; ?>" class="sns-icon social_link sns-payco" title="페이코">
            <img src="<?php echo $outlogin_skin_url; ?>/img/sns_payco_s.png">
        </a>
        <?php }     //end if ?>

        <?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>


        </td>
    </tr>
</table>
<!-- } 로그인 전 아웃로그인 끝 -->

[/code]