Aggiungi il link "Logout" al menu di navigazione

Come posso aggiungere un collegamento al menu di navigazione principale con l' class="right"attributo?

Ho provato ad aggiungere un collegamento statico example.com/wp-logout.php?action=logoutma che porta a una pagina di conferma del logout. Esiste un modo per renderlo un collegamento di disconnessione?

Puoi farlo usando il wp_nav_menu_itemsgancio. Diamo un'occhiata al seguente codice che mostra il collegamento login / logout nella primaryposizione del menu.

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;
}

Questo è ciò che abbiamo implementato nell'esempio sopra.

1. Per prima cosa ha aggiunto un filtro per wp_nav_menu_itemshook e ha collegato una funzione ad esso.
2. Dopo aver verificato la primaryposizione del tema, abbiamo verificato se l'utente ha effettuato l'accesso o meno.
3. Se hai effettuato l'accesso, abbiamo mostrato il Log Outlink altrimenti il Log In link.
4. Abbiamo passato il permalink della pagina attualmente visualizzata all'URL di accesso in modo tale che l'utente verrà reindirizzato alla pagina corrente dopo aver effettuato correttamente l'accesso.
5. Abbiamo utilizzato il class="right"codice sopra riportato per soddisfare le tue esigenze.

Puoi trovare una spiegazione dettagliata su questo blog .

Prova ad aggiungere un link personalizzato con http://example.com/wp-login.php?action=logout Ha funzionato per me!

Il mio menu a piè di pagina è un widget , quindi ho avuto difficoltà a utilizzare il codice di Chittaranjan. La seguente versione modificata funziona per me. Ho anche modificato i collegamenti e li ho resi "dinamici": il login conduce a una pagina di tua scelta, il logout rimarrà sulla pagina corrente o verrà inviato a casa, se la pagina corrente è la tua pagina di accesso (privata). Idealmente verificherebbe se la tua pagina di accesso è in realtà privata, ma non so come farlo, scusa.

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;
}

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;
}