There is nothing more frustrating for a user than searching around for a logout link to exit from your website. This can be even worse if your user working on a public computer. If you are running an eCommerce shop, membership site, or management system then a logout link is even more essential for your users.
Giving your user the option to log out quickly is a very easy process. It’s just a single line of code that needs to place in the location you want the logout option. In this article, we will show you how you can add the logout link in your WordPress menu and other areas of your site.
What is WordPress Logout Link?
As we mentioned before, the WordPress logout link is just a single line of code. It looks like:
http://example.com/wp-login.php?action=logout
Here, ‘example.com’ is used as a domain name. You need to replace that with your website domain name. Save your logout link and this is the link you can add anywhere to your WordPress site.
Why you Need to Add WordPress Logout Link to Navigation Menu?
Usually, we can log out of your WordPress site by clicking on the logout link. This link is located under the user’s profile picture in the upper right-hand corner of the admin bar.
Now, you may ask, “Why would I need to add a logout link when I can log out from the admin bar?”
The answer is, though it’s very easy to log out from the dashboard if the website administrator mistakenly hides the admin bar then you will not be able to log out. Also, when the website has multiple user roles than as an administrator you may need to hide the admin bar. During these situations, you and your users will still want to be able to log out. Fortunately, you can easily add your logout link to the navigation bar and can easily log out from the website without the admin bar.
Adding a logout link to a navigation menu:
Your site’s navigation menu is the best place to add a logout link because it allows your user to easily log out from any page. To add a logout link in the navigation menu, go to Appearance and click the ‘Menus’ option. After that, you need to click on the custom links tab to expand it and add the logout link in the URL field. Check everything again and click on the “Add to Menu” button.
Now, you will notice the link appear in the right column. If you would like to change its location on the menu, you can drag and drop it on the link to where you would like it. Once you place the menu in the right order, press the ‘Save Menu’ button.
Now, check your menu bar, the logout menu is there.
The only problem with this method is that the ‘Logout’ menu will be visible to all users of your site whether they are logged in or not. But no worries we have a solution for that also. You can set different menus for your logged-in users, to get the tutorial to stay tuned with our WordPress Tips section.
Adding a logout link to a Sidebar Widget:
WordPress default sidebar Meta widget comes with many useful links including logout and login link to users. But if you don’t find the Meta widget useful, you can display a logout link by adding a text or HTML link to the sidebar. You can also Show Different Sidebar on Different Posts and Pages in WordPress. However, to add a logout link to the sidebar widget, go to Appearance > Widgets, drag the Custom HTML widget.
Now, enter a title for the widget and in the ‘Content’ area add the following HTML code:
<a href="http://example.com/wp-login.php?action=logout">Logout</a>
Don’t forget to replace example.com with your domain name and click Save. Now, the logout link will be displayed in the site sidebar.
Hope this article helped you to add a logout link to the navigation menu. For any further query feel free to comment down below. Also, besides our WordPress Tips section, you can check the Download Manager Blog Post section. You will definitely get many useful tips there for your WordPress site.
There is nothing more frustrating for a user than searching around for a logout link to exit from your website. This can be even worse if your user working on a public computer. If you are running an eCommerce shop, membership site, or management system then a logout link is even more essential for your users.
Giving your user the option to log out quickly is a very easy process. It’s just a single line of code that needs to place in the location you want the logout option. In this article, we will show you how you can add the logout link in your WordPress menu and other areas of your site.
What is WordPress Logout Link?
As we mentioned before, the WordPress logout link is just a single line of code. It looks like:
Here, ‘example.com’ is used as a domain name. You need to replace that with your website domain name. Save your logout link and this is the link you can add anywhere to your WordPress site.
Why you Need to Add WordPress Logout Link to Navigation Menu?
Usually, we can log out of your WordPress site by clicking on the logout link. This link is located under the user’s profile picture in the upper right-hand corner of the admin bar.
Now, you may ask, “Why would I need to add a logout link when I can log out from the admin bar?”
The answer is, though it’s very easy to log out from the dashboard if the website administrator mistakenly hides the admin bar then you will not be able to log out. Also, when the website has multiple user roles than as an administrator you may need to hide the admin bar. During these situations, you and your users will still want to be able to log out. Fortunately, you can easily add your logout link to the navigation bar and can easily log out from the website without the admin bar.
Adding a logout link to a navigation menu:
Your site’s navigation menu is the best place to add a logout link because it allows your user to easily log out from any page. To add a logout link in the navigation menu, go to Appearance and click the ‘Menus’ option. After that, you need to click on the custom links tab to expand it and add the logout link in the URL field. Check everything again and click on the “Add to Menu” button.
Now, you will notice the link appear in the right column. If you would like to change its location on the menu, you can drag and drop it on the link to where you would like it. Once you place the menu in the right order, press the ‘Save Menu’ button.
Now, check your menu bar, the logout menu is there.
The only problem with this method is that the ‘Logout’ menu will be visible to all users of your site whether they are logged in or not. But no worries we have a solution for that also. You can set different menus for your logged-in users, to get the tutorial to stay tuned with our WordPress Tips section.
Adding a logout link to a Sidebar Widget:
WordPress default sidebar Meta widget comes with many useful links including logout and login link to users. But if you don’t find the Meta widget useful, you can display a logout link by adding a text or HTML link to the sidebar. You can also Show Different Sidebar on Different Posts and Pages in WordPress. However, to add a logout link to the sidebar widget, go to Appearance > Widgets, drag the Custom HTML widget.
Now, enter a title for the widget and in the ‘Content’ area add the following HTML code:
Don’t forget to replace example.com with your domain name and click Save. Now, the logout link will be displayed in the site sidebar.
Hope this article helped you to add a logout link to the navigation menu. For any further query feel free to comment down below. Also, besides our WordPress Tips section, you can check the Download Manager Blog Post section. You will definitely get many useful tips there for your WordPress site.
Sidratul Sohrat