[G5.4] [소셜로그인] 한줄 아웃로그인 스킨 > 기술자료

• 목록

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





<?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>
&nbsp;|&nbsp;<a href="<?php echo G5_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>">로그인</a>
&nbsp;|&nbsp;<a href="<?php echo G5_BBS_URL; ?>/register.php">회원가입</a>
&nbsp;|&nbsp;<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&amp;url=<?php echo $urlencode; ?>" title="네이버">
        <img src="<?php echo G5_SKIN_URL; ?>/social/img/common/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; ?>" title="카카오">
        <img src="<?php echo G5_SKIN_URL; ?>/social/img/common/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; ?>" title="페이스북">
        <img src="<?php echo G5_SKIN_URL; ?>/social/img/common/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; ?>" title="구글">
        <img src="<?php echo G5_SKIN_URL; ?>/social/img/common/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; ?>" title="트위터">
        <img src="<?php echo G5_SKIN_URL; ?>/social/img/common/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; ?>" title="페이코">
        <img src="<?php echo G5_SKIN_URL; ?>/social/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>
<!-- } 로그인 전 아웃로그인 끝 -->