WordPress Login / Logout Link in Template

The standard WordPress Login/Logout links often suffice but when you are building custom pages then the default WordPress pages can look a little out of place on your site and therefore you may need to redirect your users to different pages and/or change the text links of those standard links (boy, I’m saying standard a lot in this post!)

WordPress login/logout link

This link directs you to the standard WordPress Login page i.e. yoursite.com/wp-login.php and features the words “Log in” and “Log out” as the hyperlinks. This will send the user to the default login page and once logged in will redirect them to the WordPress Dashboard.

<?php wp_loginout();?>

WordPress Login/Logout page with custom links

This will send the user to the default login page and once logged in will redirect them back to the page they were previously on. This will send the user to the default login page and once logged in will redirect them to the WordPress Dashboard.

<?php
if ( is_user_logged_in() ) {
		echo '<a href="'.wp_logout_url().'" title="Logout">Log out of my site</a>';
	} else {
		echo '<a href="'.wp_login_url().'" title="Login">Log in to my site</a>';
}
?>

WordPress Login/Logout page with custom links and redirect to previous page.

This will send the user to the default login page and once logged in will redirect them back to the page they were previously on.

<?php
if ( is_user_logged_in() ) {
		echo '<a href="'.wp_logout_url( get_permalink() ).'" title="Logout">Log out of my site</a>';
	} else {
		echo '<a href="'.wp_login_url( get_permalink() ).'" title="Login">Log in to my site</a>';
}
?>

Custom WordPress Login/Logout pages with custom links

The following code will send the user to the page with ID of 22 to login (obviously you will need to add a login form to that page) and then will send them back to the home page when logged out.

<?php
if ( is_user_logged_in() ) {
		echo '<a href="'.wp_logout_url( home_url() ).'" title="Logout">Logout</a>';
	} else {
		echo '<a href="'.get_permalink( 22 ).'" title="Login">Login</a>';
}
?>