James Collins

There are 3 shortcodes that can be used:
<pre><code>[logout] - A standard Log Out link, where the user stays on the login screen after being logged out.
[logout_to_home] - A link that logs the user out, and redirects them to your home page.
[logout_to_current] - A link that logs the user out, and redirects them back to the current page/URL.
</code></pre>
Advanced Usage:
All 3 shortcodes all support 3 attributes/parameters:
<pre><code>[logout text="" class="" redirect=""]
</code></pre>
The 3 supported attributes/parameters are:
<pre><code>text=""
</code></pre>
– The text to use for the link anchor text. 
– Default: <code>Log Out</code> 
 class=”” 
– The HTML class(es) to use for the link. Multiple classes should be separated by a space. 
– Default: <code>logout</code> 
 redirect=”” 
– The path/URL to redirect the user to after they are logged out. 
– Default: the WordPress login screen. 
– Note: must be a URL or path on the same domain name as the WordPress website (cannot be an external domain/URL)
Some Examples: 
 [logout text=”Log Off”] – A <code>Log Off</code> link that logs the user out. 
 [logout redirect=”/members/”] – Log the user out, and redirect them to <code>/members/</code>. 
 [logout_to_home text=”Log Off”] – A <code>Log Off</code> link that logs the user out and redirects them to your home page. 
 [logout class=”log-out-link”] – Use a custom CSS/HTML class name for the log out link.
Note: the shortcodes will return nothing/empty if the user isn’t logged in.
This plugin is inspired by the <a href="https://wordpress.org/plugins/logout-button/" rel="ugc">Logout Button plugin by Ben Poland</a>.
If you like, you can <a href="https://github.com/OM4/log-out-shortcode" rel="nofollow ugc">contribute to this plugin on GitHub</a>.

Log Out Shortcode

I was just about to write a plugin like this for myself. This is simple and to the point with just the right number of features.



Wonderfully simple plugin

Easily add a log out link or button to a post or page using a simple shortcode.

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 Out Shortcode vs Login or Logout Menu Item