Skip to Main Content

How to display a WordPress link to log out

Divi: the easiest WordPress theme to use

Divi: The best WordPress theme of all time!

With over 600.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

Do you want to manually add a WordPress logout link to your website?

If you are running a WordPress member-space web site, having a sign-out link is important for your users.

In this tutorial, we'll share the direct path to the disconnect link on WordPress, and show you how to add the logout link to your WordPress menu and other places on your website.

But before we discover together How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog

Then back to why we are here.

The disconnect link of WordPress

Normally, you can sign out of your WordPress website by clicking on the logout link. This link is under your profile picture on the top right corner of the WordPress admin bar.

Discover How to add a custom menu to your administrator bar

All you have to do is switch to your username, and it will appear in the drop-down menu.

In case you or the administrator of your website has deactivated the WordPress administration bar, you will not be able to see the disconnection link of WordPress.

See also How to create a login page on WordPress

The good thing is that the disconnect link of WordPress can be directly accessible finally to allow you to disconnect from your current session.

The disconnect link for your WordPress website looks like this:

http://example.com/wp-login.php?action=logout

Do not forget to replace example.com with your own domain name.

You can access this link directly in your browser window to log out of your WordPress website.

See also How to find the link to the WordPress login page

Start promoting your blog

Download dozens of Logos, banners, website templates and many other marketing tools to market your WordPress Blog. [Recommended]

When you visit the WordPress logout link, this will take you to a warning page. You must click on the logout link to confirm that you really want to log out.

You can also manually add this logout link to your WordPress website. Let's examine how to do that.

Add the Logout link in the WordPress navigation menus

Adding the WordPress logout link to your website's navigation menu will make it easily accessible from any page on your website or blog.

Learn as well How to display different menus to user roles on WordPress

Just go to "Appearance> Menus" in your WordPress dashboard. After that, you must click the Custom Links or Custom Links tab to expand it and add the logout link to the URL field.

Once you're done, click on the "Add to Menu" or "Add to Menu" button, and you'll notice that the link appears on the right column. You can adjust its position by dragging it up or down.

Go further by discovering also How to Add a Custom Navigation Menu to WordPress

Do not forget to click on the "Save menu" button to save your changes.

You can now visit your website to see the logout link on your navigation menu.

The problem with adding the logout link in the menu is that it is visible to all users (whether connected or not). It makes sense to display the logout link to users who have actually been logged on.

If you want to know how to do it, you can read our tutorial on how to display conditional menus on WordPress.

Add the WordPress logout link on the sidebar widget

WordPress comes with a default widget called Meta. This widget displays a bunch of useful links, including a login or logout link.

Some people find that other links in the Meta widget are not as useful.

Discover How to add custom widgets after posting on WordPress

You can alternatively add plain text or a custom HTML widget with the simple HTML logout link. Here is the HTML code you need to add:

<a href="http://example.com/wp-login.php?action=logout »> Logout </a>

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

Discover also some premium WordPress plugins

You can use other WordPress plugins to give a modern look and optimize the grip of your blog or website.

We offer you here some premium WordPress plugins that will help you do that.

1. Horizon

Horizon is a simple menu plugin to 2 levels, designed to add a little life to the header or footer of your WordPress blog. Once activated, the menu has the ability to scroll with the page to be visible all the time; which is actually a great place to insert important links.

On the other hand, the menu can also be placed in an absolute position so that it scrolls off the screen with other content. Horizon does not replace or affect the current menu (s) of your WordPress theme.

Instead, it is an effective asset that can be used to highlight certain articles or pages on your website, host your social links, or even serve as a site for placing email buttons and / or phone call. With a huge amount of icons to choose from, its possibilities of use are numerous.

Download | Demo | Web hosting

2. WordPress Plugin Reviewer

The Reviewer is a WordPress plugin that allows you to quickly and easily insert reviews and comparison charts into your publications, pages, and types of custom publications.

The flexible structure of the latter allows you to collect any type of opinion or criticism. All you need to do is create a template form and insert it into your publications or pages. Users and visitors will be able to leave their opinions.

It also offers different customizable themes so you can adapt your reviews and comparison charts to the look and feel of your website.

Download | Demo | Web hosting

3. Ads Pro

Ads Pro is a premium WordPress plugin that will help you manage, sell and display your advertising space, in a way that no other plugin offers.

This tool displays advertisements in a user-friendly way on your website. It will allow you to display 20 different ways, your banners, including those of Google AdSense.

Its features are: 100% responsive layout, geolocation of visitors for targeted ads, ad display planning, display of ads on specific devices, WooCommerce support, the powerful control panel, the multilingual support, the detector blockers ads, comprehensive statistics and many more.

Download | Demo | Web hosting

Other recommended resources

We also invite you to consult the resources below to go further in the grip and control of your website and blog.

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

Conclusion

Here ! That's all for this tutorial, I hope it will allow you to add disconnect links to your WordPress blog. feel free to share the tip with your friends on your social networks.

However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.

But in the meantime, tell us about your comments and and suggestions in the dedicated section.

...

This article features 0 comments

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
5 shares
Share2
tweet
Save3