Dodaj link „Wyloguj” do menu nawigacji

Jak mogę dodać link do głównego menu nawigacyjnego za pomocą class="right"atrybutu?

Próbowałem dodać link statyczny, example.com/wp-logout.php?action=logoutale prowadzi to do strony potwierdzenia wylogowania. Czy jest jakiś sposób, aby uczynić go linkiem do wylogowania?

Możesz to osiągnąć za pomocą wp_nav_menu_itemshaka. Rzućmy okiem na następujący fragment kodu, który pokazuje link do logowania / wylogowania w primarylokalizacji 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;
}

Właśnie to wdrożyliśmy w powyższym przykładzie.

1. Najpierw dodałem filtr do wp_nav_menu_itemshaka i podłączyłem do niego funkcję.
2. Po sprawdzeniu primarylokalizacji motywu sprawdziliśmy, czy użytkownik jest zalogowany, czy nie.
3. Po zalogowaniu pokazaliśmy Log Outlink, w przeciwnym razie Log In link.
4. Przekazaliśmy bezpośredni link aktualnie oglądanej strony do adresu URL logowania, aby użytkownik został przekierowany na bieżącą stronę po udanym zalogowaniu.
5. Użyliśmy class="right"powyższego kodu, aby spełnić Twoje wymagania.

Szczegółowe wyjaśnienie znajdziesz na tym blogu .

Spróbuj dodać niestandardowy link do http://example.com/wp-login.php?action=logout To zadziałało dla mnie!

Moje menu stopki jest widżetem , dlatego miałem problemy z użyciem kodu Chittaranjan. Poniższa edytowana wersja działa dla mnie. Zmieniłem również linki i uczyniłem je „dynamicznymi”: logowanie prowadzi do wybranej strony, wylogowanie pozostanie na bieżącej stronie lub wyśle ​​do domu, jeśli bieżąca strona to (prywatna) strona logowania. Idealnie byłoby sprawdzić, czy twoja strona logowania jest rzeczywiście prywatna, ale nie wiem jak to zrobić, przepraszam.

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