Ajouter le lien "Déconnexion" au menu de navigation

Vouspouvez yparveniren utilisant le hook wp_nav_menu_items. Jetons un coup d'œil aumorceau de code suivant quimontre le lien de connexion/déconnexion à l'emplacement dumenu primary.

 add_filter( 'wp_nav_menu_items', 'wti_loginout_menu_link', 10, 2 );

function wti_loginout_menu_link( $items, $args ) {
   if ($args->theme_location == 'primary') {
      if (is_user_logged_in()) {
         $items .= '<li class="right"><a href="'. wp_logout_url() .'">'. __("Log Out") .'</a></li>';
      } else {
         $items .= '<li class="right"><a href="'. wp_login_url(get_permalink()) .'">'. __("Log In") .'</a></li>';
      }
   }
   return $items;
}
 

C'est ce quenous avonsimplémenté dans l'exemple ci-dessus.

1. J'ai d'abord ajouté unfiltrepour le hook wp_nav_menu_itemset joint un fonction à lui.
2. Après avoir vérifié l'emplacement duthème primary,nous avons vérifié si l'utilisateurest connecté ounon.
3. Si vous êtes connecté,nous avonsmontré le lien Log Out sinon le lien Log In lien.
4. Nous avonstransmis lepermalien de lapage actuellement consultée à la URL de connexion afin que l'utilisateur soit redirigé vers lapage actuelle après connexion réussie.
5. Nous avons utilisé le class="right" associé au code ci-dessuspour répondre à votre exigence.

Vouspouveztrouver uneexplication détaillée sur ce blog .

You can achieve this using the wp_nav_menu_items hook. Let's have a look at the following piece of code which shows the login/logout link on the primary menu location.

add_filter( 'wp_nav_menu_items', 'wti_loginout_menu_link', 10, 2 );

function wti_loginout_menu_link( $items, $args ) {
   if ($args->theme_location == 'primary') {
      if (is_user_logged_in()) {
         $items .= '<li class="right"><a href="'. wp_logout_url() .'">'. __("Log Out") .'</a></li>';
      } else {
         $items .= '<li class="right"><a href="'. wp_login_url(get_permalink()) .'">'. __("Log In") .'</a></li>';
      }
   }
   return $items;
}

This is what we have implemented in the above example.

1. First added a filter for wp_nav_menu_items hook and attached a function to it.
2. After checking for primary theme location, we have checked whether user is logged in or not.
3. If logged in, we have showed the Log Out link otherwise the Log In link.
4. We have passed the permalink of the currently viewing page to the login url so that user will be redirected to the current page after successful login.
5. We have used the class="right" to the above code to meet your requirement.

You can find a detailed explanation on this blog.

Essayez d'ajouter un lienpersonnalisé avec http://example.com/wp-login.php? action=déconnexion Cela afonctionnépourmoi!

Try adding a custom link with http://example.com/wp-login.php?action=logout It worked for me!

Si vous êtesflexible sur l'ajout d'unpluginpour obtenir cettefonctionnalité,vouspouvez utiliser: https://wordpress.org/plugins/login-logout-register-menu/

Il ajoute simplement une sectiontrèspratique dans legénérateur demenu.Vouspouvez le combiner avec un autrepluginpour restreindre les éléments demenu affichés aux utilisateurs connectés,ceux dont les utilisateurs sont déconnectéset ceux àtout lemonde.

If you're flexible about adding a plugin to get this functionality, you could use: https://wordpress.org/plugins/login-logout-register-menu/

It simply adds a very convenient section in the menu builder. You can combine it with another plugin to restrict what menu items are shown to logged in users, which ones to logged out users, and which ones to everyone.

Monmenu depied depageest un widget ,j'ai donceu des difficultés à utiliser le code de Chittaranjan. La versionmodifiée suivantefonctionnepourmoi. J'ai également changé les lienset les ai rendus "dynamiques": la connexionmène à unepage de votre choix,la déconnexion restera soit sur lapage courante,soitenvoyée à l'accueil,si lapage couranteest votrepage de connexion (privée). Idéalement,il vérifierait si votrepage de connexionest réellementprivée,maisje ne saispas commentfaire cela,désolé.

 add_filter( 'wp_nav_menu_items', 'wti_loginout_menu_link', 10, 2 );

function wti_loginout_menu_link( $items, $args ) {
    //var_dump($args);
    if (($args->menu->slug == 'footer')) {
        if (is_user_logged_in()) {
            $loginlink = '/your-private-page';
            $logoutlink = get_permalink();
            if (strpos($logoutlink, $loginlink) !== false) {
                $logoutlink = '/';
            }
            $items .= '<li class="right"><a href="'. wp_logout_url($logoutlink) .'">'. __("Log Out") .'</a></li>';
        } else {
            $items .= '<li class="right"><a href="'. wp_login_url($loginlink) .'">'. __("Log In") .'</a></li>';
        }
    }
    return $items;
}
 

My footer menu is a widget, therefore I had difficulties using the code by Chittaranjan. The following edited version works for me. I also changed the links and made them "dynamic": login leads to a page of your choice, logout will either stay on the current page, or send to home, if the current page is your (private) login page. Ideally it would check if your login page is actually private, but I don't know how to do that, sorry.

add_filter( 'wp_nav_menu_items', 'wti_loginout_menu_link', 10, 2 );

function wti_loginout_menu_link( $items, $args ) {
    //var_dump($args);
    if (($args->menu->slug == 'footer')) {
        if (is_user_logged_in()) {
            $loginlink = '/your-private-page';
            $logoutlink = get_permalink();
            if (strpos($logoutlink, $loginlink) !== false) {
                $logoutlink = '/';
            }
            $items .= '<li class="right"><a href="'. wp_logout_url($logoutlink) .'">'. __("Log Out") .'</a></li>';
        } else {
            $items .= '<li class="right"><a href="'. wp_login_url($loginlink) .'">'. __("Log In") .'</a></li>';
        }
    }
    return $items;
}

Vouspouvez également utiliser un simpleplugin: https://wordpress.org/plugins/login-or-logout-menu-item/

Celane vous amènepas à lapage de confirmation de déconnexion.

You can also make use of a simple plugin: https://wordpress.org/plugins/login-or-logout-menu-item/

It does not take you to the logout confirmation page.

 add_filter( 'wp_nav_menu_items', 'add_loginout_link', 15, 5 );

function add_loginout_link( $menus, $args ) {

  if (is_user_logged_in() && $args->theme_location == 'primary') {

   $menus .= '<li><a href="'. wp_logout_url( get_permalink( woocommerce_get_page_id( 'myaccount' ) ) ) .'">Log Out</a></li>';
    }

  elseif (!is_user_logged_in() && $args->theme_location == 'primary') {

   $menus .= '<li><a href="' . get_permalink( woocommerce_get_page_id( 'myaccount' ) ) . '">Log In</a></li>';
  }

  return $menus;
}
 

add_filter( 'wp_nav_menu_items', 'add_loginout_link', 15, 5 );

function add_loginout_link( $menus, $args ) {

  if (is_user_logged_in() && $args->theme_location == 'primary') {

   $menus .= '<li><a href="'. wp_logout_url( get_permalink( woocommerce_get_page_id( 'myaccount' ) ) ) .'">Log Out</a></li>';
    }

  elseif (!is_user_logged_in() && $args->theme_location == 'primary') {

   $menus .= '<li><a href="' . get_permalink( woocommerce_get_page_id( 'myaccount' ) ) . '">Log In</a></li>';
  }

  return $menus;
}