[배추빌더5] 로그인 페이지에 소셜버튼 넣기

통합팩의 소셜로그인과 배포판에 포함된 소셜로그인의 차이는 명확히 알수 없으나(개인적인 생각으로는 두개의 파일을 확인해봐도 차이를 알수 없었네요. 아시는분.... ??  손!!) 곱슬님의 통큰결정이 소셜로그인을 단독구매했던 저로서는 약간의 서운한마음이 있었던것은 사실... ^^

배추5로 사이트 개편을 하면서 느낀것은 배추4에 비해 디자인을 만질 메뉴얼 및 스킨들이 매우 부족하다는 것.
하얀겨울(하늘이야기), 엘투제오, 신비, 맥스, 호이, 정적인손님, 쌍란, 포인트 님 등등... 모두들 마이위트로 소환하고 싶은 마음이지만 개인적인 일들로 바쁘시겠지요?

아무튼 로그인페이지에 소셜버튼을 사용하시는 분들이 없는듯 하여 팁을 몇자 적습니다.

도메인/skin/member/basic/login.skin.php 파일의 14번째줄 밑에

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

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

<!-- 로그인 시작 { -->
<div id="mb_login" class="mbskin">
    <h1><?php echo $g5['title'] ?></h1>

    <form name="flogin" action="<?php echo $login_action_url ?>" onsubmit="return flogin_submit(this);" method="post">
    <input type="hidden" name="url" value="<?php echo $login_url ?>">  여기 밑에

아래의 글을 복사하여 넣어 주세요.


    <fieldset id="login_fs">

<style type="text/css">
 .social-icon {
    width:82%;
    height:26px;
border-bottom:2px solid #fff;
}
 .social-item {
    width:48%;
    height:25px;
    border:0px solid #ccc;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    margin:0px 2px 0px 2px;
    text-align:center;
    background-color:#fff;
    color:#fff;
    color:#fff;
    float:left;
    font-size:.9em;
cursor:pointer;
line-height:24px;
}
 .social-item img {
    float:left;
}
</style>

<? include_once("$g4[path]/plugin/social-login/include.php"); ?>

        <div class="social-icon">

<div class="social-item" onclick="naver_login()" style="border:1px solid #1EC800; background-color:#1EC800;">
<img src="<?=G5_PLUGIN_URL?>/social-login/img/naver24.png"/> 네이버로 로그인 </div>

        <div class="social-item" onclick="kakao_login()" style="border:1px solid #FBC000; background-color:#FBC000;">
<img src="<?=G5_PLUGIN_URL?>/social-login/img/kakao24.png"/ > 카카오로 로그인</div>
</div>


        <div class="social-icon">

<div class="social-item" onclick="facebook_login()" style="border:1px solid #3B5998; background-color:#3B5998;">
<img src="<?=G5_PLUGIN_URL?>/social-login/img/facebook24.png"/> 페이스북 로그인 </div>

        <div class="social-item" onclick="twitter_login()" style="border:1px solid #00ABF1; background-color:#00ABF1;">
<img src="<?=G5_PLUGIN_URL?>/social-login/img/twitter24.png"/ > 트위터로 로그인</div>

</div>

    </fieldset>

여기까지 복사. ^^


적용페이지 입니다. http://www.littlegiant.kr/bbs/login.php
 
 

 
 
더브리 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2016-10-25 (화) 14:17 2개월전
좋아요~~

기존 소셜 아이디로 로그인이 된다는 거죠
     
     
 
 
  아크메즈 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 2016-10-25 (화) 14:43 2개월전
[@더브리] 메인페이지 사이드바에 있는 소셜로그인을 로그인페이지로 가지고 온것입니다.
배추4에 에서 사용하던 기능인데, 배추5에서 안쓰는듯하여 ^^
 
 
신비 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 2016-10-25 (화) 20:48 2개월전
아크메즈 님, 수고 많으셨습니다. 이제 이사 준비하시나 보군요.
     
     
 
 
  아크메즈 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 2016-10-25 (화) 20:55 2개월전
[@신비] 예. 이삿짐 싸는 중입니다. ^^
          
          
 
 
신비 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 2016-10-26 (수) 00:38 2개월전
[@아크메즈] 저는 반응형 배추빌더 나오면 작업하려고 버티고 있어용.ㅎㅎ
모바일 버전으로 보기