정보공방 RAD 입니다.

워드프레스에서 사용되는 기본 로그인/로그아웃 버튼을 메뉴에 추가하는 스크립트에 대해 설명하도록 하겠습니다. 플러그인 없이 만들때 사용되는 스크립트이며 다양한 방식의 스크립트중에 일부라고 생각하시면 될듯 합니다.

자 이제 플러그인 설치 없이 로그인/로그아웃 버튼을 추가해 볼까요?

우선 테마를 설치하셨다면 /wp-content/themes/’설치한테마이름’ 으로 되어 있고, 테마를 설치 하지 않으셨다면, 기본 테마인 ‘Twenty Seventeen’으로 설정되어있을 것입니다.

워드프레스 테마 화면

소스 수정툴(Editplus, dreamweaver 등)을 직접 사용하신다면 위에 해당 테마 폴더로 가셔서 function.php 파일을 여시고 아래 내용을 제일 하단에 추가하시면 됩니다.

혹은 테마내의 에디터를 사용하신다면 관리자 메뉴 외모 > 테마편집기를 들어가셔서 function.php 파일을 찾으시고 내용을 추가하시고 저장하시면 적용이 됩니다.

테마 편집

자 이제 소스를 입력해 볼까요? 아래 내용을 복사하여 붙여 넣기 하시면 됩니다. 복사하실때 다른 문구 들어가는지 확인하고 넣으세요 ~!

/* LogIn – Top Menu – LogOut */

add_filter(‘wp_nav_menu_items’, ‘add_login_logout_link’, 10, 2);
function add_login_logout_link($items, $args) {

ob_start();
wp_loginout(‘index.php’);
$loginoutlink = ob_get_contents();
ob_end_clean();

$items .= ”. $loginoutlink .”;

return $items;
}

/* LogIn – LogOut END */

이제 메인화면에서 메뉴 맨 끝에 로그인/로그아웃 이 보일것입니다.
(※ 관리자로 접속이 되어있다면 로그아웃만 보여지는게 정상입니다.)

단, redirect(되돌아갈 페이지 설정)에 대한 옵션값이 부여되어 있지 않으므로 소스내에 redirect에 대한 지정값을 부여하거나 wp 자체 내에 있는 redirect php code 를 통해 연결하여 사용하시면 됩니다.

https://codex.wordpress.org/Plugin_API/Filter_Reference/login_redirect
로그인/로그아웃 리다이렉트 url 소스 코드 참고

by RAD