장바구니

등록된 상품이 없습니다
합계: 0

최근 본 상품

등록된 상품이 없습니다
워드프레스 전문가들이 선택한 필수 플러그인
    유용한팁
    Home / 유용한팁
    글보기
    테마 상단에 로그인/로그아웃 버튼 만들기
    조회수9699
    2016-07-19 14:16

    워드프레스 테마 상단에 로그인/회원가입, 로그아웃/회원정보 버튼을 만드는 방법입니다.



    [테마의 헤더 파일]
    /wp-content/themes/테마폴더/header.php        ("테마 폴더"는 현재 사용하고 계시는 테마의 이름입니다)

    [로그인/로그아웃 버튼 추가 코드]
    <?php
    $html   = '<div class="container" style="background-color:#FFF;color:#555;font-size:12px;">';  
    if(mbw_is_login()){
     if(mbw_get_user("fn_user_name")!="") $html .= '<span class="text-user-welcome">'.mbw_get_user("fn_user_name").'님의 방문을 환영합니다!</span>&nbsp;&nbsp;';
     $html .= '<a href="'.mbw_get_user_url("user_info").'" ><span class="btn-user-info">회원정보</span></a><span style="padding:0 10px;font-size:11px;vertical-align:1px;">|</span>';  
     $html .= '<a href="'.site_url().'/?mb_user=logout" ><span class="btn-user-logout">로그아웃</span></a>';  
    }else{          
     $html .= '<a href="'.mbw_get_user_url("login").'" ><span class="btn-user-login">로그인</span></a><span style="padding:0 10px;font-size:11px;vertical-align:1px;">|</span>';
     $html .= '<a href="'.mbw_get_user_url("register").'" ><span class="btn-user-join">회원가입</span></a>';
    }       
    $html .= '</div>'; 
    echo $html;
    ?>
     
    현재 사용하고 계시는 테마의 헤더파일을 찾아 위에 있는 로그인/로그아웃 버튼 추가 코드를 추가하시면 되는데
    코드를 추가하는 위치는 테마마다 다르기 때문에 직접 찾아보시기 바랍니다.
    ※ 일부 테마는 header.php 파일이 아닌 다른 파일에 코드를 추가해야 버튼이 추가될 수도 있습니다. 


    여기서 주의할 점은 "<?php" 는 PHP 언어의 시작을 의미하며 "?>" 는 php 언어의 끝을 의미합니다.

    헤더파일에도 여러개의 PHP언어의 시작과 끝을 포함하는 코드가 들어가 있는데 PHP 언어 내부에 위의 코드를 넣어야 할 경우에는
    위의 추가 코드에서 PHP 언어의 시작과 끝을 의미하는 <?php, ?> 을 뺀 나머지 코드를 복사해서 넣으시면 됩니다.




    [로그인/로그아웃 버튼 추가 코드- 우측정렬]
    <?php
    $html  = '';
    $html .= '<div class="container" style="text-align:right;background-color:#FFF;color:#555;font-size:12px;">';  
    if(mbw_is_login()){
     if(mbw_get_user("fn_user_name")!="") $html .= '<span class="text-user-welcome">'.mbw_get_user("fn_user_name").'님의 방문을 환영합니다!</span>&nbsp;&nbsp;';
     $html .= '<a href="'.mbw_get_user_url("user_info").'" ><span class="btn-user-info">회원정보</span></a><span style="padding:0 10px;font-size:11px;vertical-align:1px;">|</span>';  
     $html .= '<a href="'.site_url().'/?mb_user=logout" ><span class="btn-user-logout">로그아웃</span></a>';  
    }else{          
     $html .= '<a href="'.mbw_get_user_url("login").'" ><span class="btn-user-login">로그인</span></a><span style="padding:0 10px;font-size:11px;vertical-align:1px;">|</span>';
     $html .= '<a href="'.mbw_get_user_url("register").'" ><span class="btn-user-join">회원가입</span></a>';
    }       
    $html .= '</div>';  
    echo $html;
    ?>
     


    [ CSS 클래스를 이용한 로그인,로그아웃 메뉴 만들기 ]

    망보드 비즈니스 패키지를 이용하고 계시면 CSS 클래스를 이용하여 로그인,로그아웃 메뉴를 추가하실 수 있습니다.
    관리자> 외모> 메뉴> 화면옵션(우측상단)> CSS 클래스 체크박스를 선택하면 메뉴에 CSS 클래스를 넣을 수 있는데
    아래의 망보드 로그인,로그아웃 CSS 클래스를 이용하여 메뉴 CSS 클래스 옵션에 넣으면 보다 쉽게 로그인,로그아웃 메뉴를
    생성하실 수 있습니다.

     - 로그인 상태에서 안보이게 하는 CSS 클래스 : mb-hide-login
     - 로그아웃 상태에서 안보이게 하는 CSS 클래스 : mb-hide-logout


    비즈니스 패키지 설치시 추가된 9개의 회원 페이지에 CSS 클래스를 이용하여 메뉴에 추가
    회원가입 및 로그인 메뉴에 mb-hide-login 클래스 입력하면 로그아웃 상태에서만 메뉴가 나타남
    회원정보 및 로그아웃 메뉴에 mb-hide-logout 클래스 입력하면 로그인 상태에서만 메뉴가 나타남



     
    카테고리커스터마이징