Adicione o link "Logout" ao menu de navegação

Como posso adicionar um link ao menu de navegação principal com o class="right"atributo?

Tentei adicionar um link estático, example.com/wp-logout.php?action=logoutmas isso leva a uma página de confirmação de logout. Existe alguma maneira de torná-lo um link de logout?

Você pode conseguir isso usando o wp_nav_menu_itemsgancho. Vamos dar uma olhada no seguinte trecho de código que mostra o link de login / logout no primarylocal do 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;
}

Isso é o que implementamos no exemplo acima.

1. Primeiro adicionou um filtro para wp_nav_menu_itemsgancho e anexou uma função a ele.
2. Após verificar a primarylocalização do tema, verificamos se o usuário está logado ou não.
3. Se estiver logado, mostramos o Log Outlink, caso contrário, o Log In link.
4. Passamos o link permanente da página atualmente visualizada para o URL de login, para que o usuário seja redirecionado para a página atual após o login bem-sucedido.
5. Utilizamos class="right"o código acima para atender às suas necessidades.

Você pode encontrar uma explicação detalhada neste blog .

Tente adicionar um link personalizado em http://example.com/wp-login.php?action=logout Funcionou para mim!

Meu menu de rodapé é um widget , portanto, tive dificuldades em usar o código de Chittaranjan. A seguinte versão editada funciona para mim. Também mudei os links e os tornei "dinâmicos": o login leva a uma página de sua escolha, o logout permanece na página atual ou é enviado para casa, se a página atual for sua página de login (privada). O ideal seria verificar se sua página de login é realmente privada, mas não sei como fazer isso, desculpe.

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