Top Panel
위치: 관리자>외모>위젯>Hidden top panel area
설정: 관리자>외모>Theme Options>Header>Use Top Panel [설정하기]
Right Panel
관리자>외모>위젯>Right side panel area
설정: 관리자>외모>Theme Options>
Sidebars>Use Right Panel
[설정하기]
Quick Menu
설정: 관리자>외모>Theme Options>
Sidebars>Use Right Quick Menu
[설정하기]
네이버 톡톡
설정: 관리자>외모>Theme Options>
Sidebars>Quick Menu - Naver Talk ID
[설정하기]
카카오 플러스 친구
설정: 관리자>외모>Theme Options>
Sidebars>Quick Menu - Kakao Plus Friend ID
[설정하기]
Hometory Webzine M5
Home / Hometory Webzine M5
[사용팁1] 웹진 게시판 디폴트 이미지 설정하는 방법: https://www.mangboard.com/tip/?vid=57
Hometory Webzine Skin M5 구매하기 (반응형 웹진 스킨, 폰트크기 13px)
글보기
유용한팁
테마 상단에 로그인/로그아웃 버튼 만들기
2020-12-09조회수10
테마 상단에 로그인/로그아웃 버튼 만들기

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



[테마의 헤더 파일]
/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 클래스 입력하면 로그인 상태에서만 메뉴가 나타남


 
댓글
자동등록방지
(자동등록방지 숫자를 입력해 주세요)