한줄 아웃로그인 - 소셜로그인 버튼 - > 그누보드5 팁자료실

그누보드5 팁자료실

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

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

본문

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




1. skin / outlogin / outlogin.skin.1.php

<?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> | <a href="<?php echo G5_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>">로그인</a></td>
        <td> | <a href="<?php echo G5_BBS_URL; ?>/register.php">회원가입</a></td>
        <td> | <a href="<?php echo G5_BBS_URL ?>/password_lost.php" id="ol_password_lost">정보찾기</a>  </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&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&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&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&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&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&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>
<!-- } 로그인 전 아웃로그인 끝 -->
추천
6

댓글 13개

카카오 로그인은 사업자등로과 관계없습니다
카카오 개발자도구에서 서비스 선택을 잘못하신듯 하네요.
그누보드에서 제공하는 서비스 신청메뉴얼을 다시 확인해보세요.
전체 126 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT