Casbay Knowledge Base

Search our articles or browse by category below

HOW TO: Add a WordPress logout link to a menu

Last modified: October 1, 2022
Estimated reading time: 1 min

HOW TO: Add a WordPress logout link to a menu

In a default WordPress installation, the only place the logout link is displayed is the WordPress admin bar. If your WordPress site is designed primarily for registered users, it can be helpful to add a logout link to the navigation menu.

WordPress admin bar-Log out

Adding a logout link to a navigation menu

One of the best places to add a logout link is in your site’s navigation menu. Adding the link here will make it easily accessible on every page of your site.

Firstly, log in to your WordPress dashboard and go to Appearance > Menus.

Adding a logout link to a navigation menu

Then, Expand the Custom Links section and add the logout URL in the URL field, making sure to change example.com to your domain name and change the path to your WordPress installation folder, if necessary.

Secondly, In Link Text, add the text you want to be displayed in the menu. In our example, the text is Log Out. Click Add to Menu.

Link Text

After that, you should now see the Log Out link in the Menu Structure. If you want to change the order of the menu links, drag the links to the correct position. When you’re happy with the menu links, click Save Menu.

Logout link in the Menu Structure

You should now see the Log Out link on your site’s navigation menu.

Log Out link on site’s navigation menu.

Adding a logout link to the sidebar

The default sidebar Meta widget includes login and logout links. However, if you don’t want to use the Meta widget, you can still display a logout link by adding a text or HTML link to the sidebar.

Firstly, log in to your WordPress Dashboard and go to Appearance > Widgets.

Log in to your WordPress Dashboard and go to Appearance > Widgets

In this example, we’re adding a custom HTML link to the sidebar, so we’ll drag the Custom HTML widget from Available Widgets to Blog Sidebar.

Example: Adding a custom HTML link to the sidebar

Enter a Title for the widget. This will be displayed in the sidebar above the link. In our example, the title is User Status. In Content, enter the following HTML code, replacing example.com with your own domain name. Click Save.

Enter a Title for the widget

The log out link is now displayed in the site sidebar.

Log Out link in the site sidebar
Was this article helpful?
Dislike 0
Previous: HOW TO: Write a comment in WordPress
Next: Verify Google Apps Domain Name