워드프레스 테마 상단에 로그인/회원가입, 로그아웃/회원정보 버튼을 만드는 방법입니다.
[테마의 헤더 파일] /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> '; $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> '; $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 클래스 입력하면 로그인 상태에서만 메뉴가 나타남 |