This members-only tutorial provides the steps to add a Login link (for anonymous visitors) link or a Logout link (for already logged in users) as the last menu item in a specific WordPress navigation menu.

For visitors:

For logged in users:

Step 1

Since we want to target a particular nav menu, we need to first obtain its ID.

Go to Appearance > Menus, switch to your menu (if there are multiple) and inspect the nav menu header with browser dev tools.

In this example, the ID is 27.

Step 2

Install and activate Code Snippets plugin.

Go to Snippets > Add New.

Title: Add Login/Logout to nav menu

Code:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($27/month).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?

HIRE ME

Find the article helpful and wish to donate?

DONATE

Comments

For adding code blocks wrap the code in three backticks. Markdown should work.
Provide a URL of your site/webpage if something is not working.
magnifiercross
>
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: