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.

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>';
}
?>

8 replies on “WordPress Login / Logout Link in Template

  1. Avatar for Vijay Kumar Vijay Kumar says:

    it’s working code. thanks a millions 🙂

  2. Avatar for tom tom says:

    Its not good code. After logged out its redirect to 1st post. when ur on homepage.

  3. Avatar for Niloy Sarker Niloy Sarker says:

    brilliant .

    it’s working 🙂
    I think i should use it in my new plugin .
    Thanks

    1. Avatar for Sohanur Rahman Sohag Sohanur Rahman Sohag says:

      im thinking a alternative way to redirect a page !

  4. Avatar for Perce Perce says:

    Been looking how to do that for ages today ! Many thanks for the info…

Leave a Reply

Your email address will not be published. Required fields are marked *