khalil.ahammad

Show login or logout link. Show register or site-admin link.

Log In & Out

A Simple Login Widget for your WordPress Site.

cartpauj

With this plugin you can easily add a dynamic login/logout menu item to any menu on your WordPress site. The menu item will change based on whether the current user is logged in or logged out. You can also set a specific login page url, login redirect url and a logout redirect url.
Thanks to Juliobox for his prior efforts on the BAW Login/Logout Menu plugin which this is derived from
<h3>CONFIGURE SETTINGS</h3>
After installing and activating the plugin, you can find the settings in your dashboard under: <code>Settings > Login or Logout</code>
Login Page URL – This should be the URL to the page where your users will login at. For most wordpress sites this will be <code>/wp-login.php</code> but if you’re using a membership plugin like MemberPress, it might be something like <code>/login/</code> instead.
Login Redirect URL – This is the URL you would like your users to be redirected to after they’ve successfully logged in. You can set it to <code>/</code> to take them to the home page after logging in. If you’re using a membership plugin like MemberPress, you might want to use <code>/account/</code> instead. NOTE: Some plugins may override this if they are configured to redirect your users somewhere else during login.
Logout Redirect URL – This is the URL you would like your users to be redirected to after they click the Logout link from this menu item. Use a <code>/</code> to redirect them to the home page, or you might want to redirect them back to the login page at <code>/login/</code> or <code>/wp-login.php</code> etc.
<h3>ADD ITEM TO MENU</h3>
In your dashboard visit <code>Appearance > Menus</code>.
Then at the top right of that page click the <code>Screen Options</code> button and ensure that <code>Login/Logout</code> checkbox is checked.
Then select a menu to edit, or create a new menu if you don’t already have one.
In the left sidebar find <code>Login/Logout</code> and click the checkbox next to <code>Login|Logout</code> and then click <code>Add to Menu</code>.
You can now drag the menu item wherever you’d like it to appear in your menu. The <code>URL</code> in the menu settings must be left at <code>#lolmiloginout#</code> but you can change the <code>Navigation Label</code> if you’d like it to say something else. Just ensure that the <code>|</code> is there in the label separating the two words.
Now save your menu. That’s it!
<h3>BLOCK EDITOR (NAVIGATION BLOCK)</h3>
If you’re using the block editor’s Navigation block:
<ol>
<li>Add or edit a Navigation block on your page or in the Site Editor</li>
<li>Click the (+) to add a new link</li>
<li>In the search field, type “login” or “logout”</li>
<li>Select “Login|Logout” from the suggestions</li>
<li>The link will automatically show “Login” to logged-out users and “Logout” to logged-in users</li>
</ol>
You can also manually type <code>#lolmiloginout#</code> as the URL if you prefer.
<h3>Troubleshooting</h3>
After logging in, menu still shows “Login” or Vice-Versa – This is most commonly caused by caching. If you’re using a caching solution such as Cloudflare, WPRocket, or others, be sure that caching is disabled for logged in users, and disable browser caching options as well.
Login is redirecting users somewhere other than my settings – Many times other plugins will have their own login redirect handling which overrides this plugin’s, such as MemberPress for example. In this case, the other plugins will need to be configured to redirect the user where you’d like them to go.

Login or Logout Menu Item

Add a dynamic "Login" or "Logout" menu item to any WordPress Menu and control redirects.

Log In & Out vs Login or Logout Menu Item