Published on May 21, 2019

How to add Login/Logout link to nav menu in WordPress

Sridhar Katakam

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 ($47/month or $499 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right