Skip to Main Content

How to display a WordPress link to log out

Divi: the easiest WordPress theme to use

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]

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 admin 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.

Discover too 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 by your own domain name.

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

Discover too How to find the link to the WordPress login page

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.

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]

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 have to click on the tab Custom Links ou Custom Links to extend it and add the logout link to the URL field.

Once you're done, click on the button Add to menu or Add to Menu », and you will 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 on WordPress

Do not forget to click on the button « Save the menu To memorize 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. IYou only need to create a form template 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.

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [FREE]

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.

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.

...

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
WhatsApp