How to Add a Login/Logout Toggle Item in WordPress Navigation Menu

Below is the code to add a Login/Logout toggle item in WordPress navigation menu.

      
        <?php
      
        //* Add a Login/Logout toggle item in WordPress navigation menu
      
        add_filter('wp_nav_menu_items', 'customprefix_add_loginout_navitem', 10, 2);
      
        function customprefix_add_loginout_navitem($items, $args) {
      
            if ($args->theme_location == 'primary') {
      
                 // Replace "primary" with your theme's menu name
      
                if (!(is_user_logged_in())) {
      
                    $login_item = '<li class="menu-item login-menu-item"><a itemprop="url" href="/wp-login.php" rel="nofollow">Log in</a></li>';
      
                } 
      
                else {
      
                    $login_item = '<li class="menu-item logout-menu-item">' . wp_loginout($_SERVER['REQUEST_URI'], false) . '</li>';
      
                }
      
                $items.= $login_item;
      
            }
      
            return $items;
      
        }

view raw add-loginout-nav-item.php hosted with ❤ by GitHub

Below is the code to redirect admins to WordPress Dashboard and other users to site’s homepage after a successful login.

      
        <?php
      
        /**
      
         * Redirect admins to WordPress Dashboard and other users to site's homepage after a successful login
      
         * https://codex.wordpress.org/Plugin_API/Filter_Reference/login_redirect
      
         *
      
         * @param string $redirect_to URL to redirect to
      
         * @param string $request URL the user is coming from
      
         * @param object $user Logged user's data
      
         * @return string
      
         */
      
        add_filter( 'login_redirect', 'customprefix_login_redirect', 10, 3 );
      
        function customprefix_login_redirect( $redirect_to, $request, $user ) {
      
            //is there a user to check?
      
            global $user;
      
            if ( isset( $user->roles ) && is_array( $user->roles ) ) {
      
                //check for admins
      
                if ( in_array( 'administrator', $user->roles ) ) {
      
                    // redirect them to the default place
      
                    return $redirect_to;
      
                } else {
      
                    return home_url();
      
                }
      
            } else {
      
                return $redirect_to;
      
            }
      
        }

view raw redirect-users-after-login.php hosted with ❤ by GitHub

Below is the code to redirect all users to site’s homepage after logout.

      
        <?php
      
        //* Redirect all users to site's homepage after logout
      
        add_filter( 'logout_redirect', create_function( '$url,$query,$user', 'return home_url();' ), 10, 3 );

view raw redirect-users-after-logout.php hosted with ❤ by GitHub

Another (much simpler?) way to add a Log in/Log out toggle item in your navigation menu and manage redirections per user after login/logout is to use both following plugins: Login Logout Menu and Peter’s Login Redirect.

Skip links