Display Logout Link After Login – UserPro Forums

Display Logout Link After Login

PaulVictor1987 — Sun, 16 Feb 2014 11:51:28 +0000

Hi,

Not sure in which forum I should have put this but I’m wondering how I can display a logout link after the user is logged in. I currently have two menu items in the header of my theme (Log in | Register) with the modal popup classes enabled but how can I display a log out link after the user is logged in? Can the Login link be automatically changed to a logout link after page refresh?

Is it also possible to display some kind of welcome message (Welcome Username!)?

Reply To: Display Logout Link After Login

Nexnivis — Sun, 16 Feb 2014 12:20:29 +0000

If your menu support shortcodes (like UberMenu), you can use [userpro_loggedin] and [userpro_loggedout].

For example :

[userpro_loggedout]Login | Register[/userpro_loggedout][userpro_loggedin]Welcome, [username]! | Logout[/userpro_loggedin]

If you are logged out you’ll see :
Log in | Register

If you are logged in you’ll see :
Welcome, PaulVictor1987! | Logout

Hope it could help 🙂 And sorry for my english

Reply To: Display Logout Link After Login

Nexnivis — Sun, 16 Feb 2014 12:22:17 +0000

[username] can be [display_name], [first_name], [last_name], as you want to display

Reply To: Display Logout Link After Login

PaulVictor1987 — Sun, 16 Feb 2014 12:25:27 +0000

Thanks so much for your help! I have tried using the shortcodes and they work but they are only displayed as text and not links so a user can’t click on the Logout link as that is displayed as text.

Any help is appreciated!

Reply To: Display Logout Link After Login

Laure Pamart — Thu, 05 Jun 2014 10:04:52 +0000

Hello,
I’ve the same question.
I’ve used the code and I’ve had link myself (I’ve replaced my website url by “URL” below) :

Login | Register[/userpro_loggedout][userpro_loggedin]Welcome, [first_name] [last_name] ! | Logout[/userpro_loggedin]’); ?>

It seems to work but maybe there is a best wirting ?

Thanks

Reply To: Display Logout Link After Login

Thu, 05 Jun 2014 12:28:05 +0000

This is the easiest way to have login and register link in menu for logged out member and a logout link for logged in users.

Nav Menu Roles

Reply To: Display Logout Link After Login

jmtechglobal — Thu, 05 Jun 2014 18:23:25 +0000

I wrote a function to do this. Its a little more complex then what’s above but I have also included drop down navigation under the users name that is displayed. Log out and My Profile are some of the sub nav links. Code doesn’t display correctly so don’t copy and past this haha. This also uses the log in pop up. Here is the jfiddle link if you are interested in using it. http://jsfiddle.net/HZscB/


/*
Add Login / Logout to your WordPress Menu
 */
function userpro_add_loginout_navitem($items, $args ) {
	$theme_location = 'avia'; //Change "avia" to your theme's main menu location
	$current_user = wp_get_current_user();
	if( $args->theme_location == $theme_location ) {
		if ( !(is_user_logged_in()) ) {
			$login_item = '<li class="nav-login menu-item"><a href="/profile/#" class="popup-login">Log In</a></li>'; //login display
			
			$login_item .= '<li class="nav-login menu-item"><a href="/profile/register">Register</a></li>'; //login display
		
			
		}
		else {
			
			//$login_item = '<li class="nav-login menu-item">'.wp_loginout($_SERVER['REQUEST_URI'], false).'</li>'; //logout display
			//$login_item = '<li class="nav-login menu-item">'.echo $current_user.'</li>'; //logout display
			$login_item = '<nav>';
			$login_item .= '<ul>';
			$items .= '<li><a href="#">'.$current_user->user_firstname.' '.$current_user->user_lastname.'</a>';
			$items .= '<ul>';
			$items .= '<li><a href="/profile/">My Profile</a></li>';
			$items .= '<li><a href="/my-projects/">My Projects</a></li>';
			$items .= '<li><a href="/create-project/">Create Project</a></li>';
			$items .= '<li class="nav-login menu-item">'.wp_loginout($_SERVER['REQUEST_URI'], false).'</li>';
			$items .= '</ul>';
			$items .= '</li>';
			$items .= '</ul>';
		

		}
		$items .= $login_item;
	}
	return $items;	
}

add_filter('wp_nav_menu_items', 'userpro_add_loginout_navitem', 10, 2);

Add Login / Logout to your WordPress Menu

function userpro_add_loginout_navitem($items, $args ) {

$theme_location = 'avia'; //Change "avia" to your theme's main menu location

$current_user = wp_get_current_user();

if( $args->theme_location == $theme_location ) {

if ( !(is_user_logged_in()) ) {

$login_item = '<li class="nav-login menu-item"><a href="/profile/#" class="popup-login">Log In</a></li>'; //login display

$login_item .= '<li class="nav-login menu-item"><a href="/profile/register">Register</a></li>'; //login display

}

else {

//$login_item = '<li class="nav-login menu-item">'.wp_loginout($_SERVER['REQUEST_URI'], false).'</li>'; //logout display

//$login_item = '<li class="nav-login menu-item">'.echo $current_user.'</li>'; //logout display

$login_item = '<nav>';

$login_item .= '<ul>';

$items .= '<li><a href="#">'.$current_user->user_firstname.' '.$current_user->user_lastname.'</a>';

$items .= '<ul>';

$items .= '<li><a href="/profile/">My Profile</a></li>';

$items .= '<li><a href="/my-projects/">My Projects</a></li>';

$items .= '<li><a href="/create-project/">Create Project</a></li>';

$items .= '<li class="nav-login menu-item">'.wp_loginout($_SERVER['REQUEST_URI'], false).'</li>';

$items .= '</ul>';

$items .= '</li>';

$items .= '</ul>';

}

$items .= $login_item;

}

return $items;

}

add_filter('wp_nav_menu_items', 'userpro_add_loginout_navitem', 10, 2);

Reply To: Display Logout Link After Login

admin — Fri, 06 Jun 2014 10:45:37 +0000

Thanks for sharing this useful code!

Reply To: Display Logout Link After Login

umberto86 — Tue, 16 Sep 2014 15:05:44 +0000

Hi Jmtechglobal,
I want to apply your code on my wordpress website. I need to insert it on the header.php template and i’m just a newbie at this could you please help me out and let me know when it needs to be applied?

Thanks so much!

Reply To: Display Logout Link After Login

test — Tue, 16 Sep 2014 21:13:36 +0000

@umberto86 ,
Can you please verify your purchase as mentioned in the Support Forum Instructions please ? Thank you.
How To:
1. open http://userproplugin.com/userpro/profile/edit/
2. copy & paste your purchase code into the “Envato Purchase Code” field
3. click on “Save Changes”