Thêm liên kết Đăng xuất trực tuyến vào menu điều hướng

Làm cách nào để thêm liên kết vào menu điều hướng chính với class="right"thuộc tính?

Tôi đã cố gắng thêm một liên kết tĩnh example.com/wp-logout.php?action=logoutnhưng điều đó dẫn đến một trang xác nhận đăng xuất. Có cách nào để làm cho nó một liên kết đăng xuất?

Bạn có thể đạt được điều này bằng cách sử dụng wp_nav_menu_itemsmóc. Chúng ta hãy xem đoạn mã sau đây hiển thị liên kết đăng nhập / đăng xuất trên primaryvị trí 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;
}

Đây là những gì chúng tôi đã thực hiện trong ví dụ trên.

1. Đầu tiên thêm một bộ lọc cho wp_nav_menu_itemshook và gắn một chức năng cho nó.
2. Sau khi kiểm tra primaryvị trí chủ đề, chúng tôi đã kiểm tra xem người dùng có đăng nhập hay không.
3. Nếu đăng nhập, chúng tôi đã hiển thị Log Outliên kết nếu không Log In liên kết.
4. Chúng tôi đã chuyển permalink của trang hiện đang xem sang url đăng nhập để người dùng sẽ được chuyển hướng đến trang hiện tại sau khi đăng nhập thành công.
5. Chúng tôi đã sử dụng class="right"mã trên để đáp ứng yêu cầu của bạn.

Bạn có thể tìm thấy một lời giải thích chi tiết trên blog này .

Hãy thử thêm một liên kết tùy chỉnh với http://example.com/wp-login.php?action=logout Nó hoạt động với tôi!

Menu chân trang của tôi là một tiện ích , do đó tôi gặp khó khăn khi sử dụng mã bởi Chittaranjan. Các phiên bản chỉnh sửa sau đây làm việc cho tôi. Tôi cũng đã thay đổi các liên kết và làm cho chúng "động": đăng nhập dẫn đến một trang bạn chọn, đăng xuất sẽ ở lại trang hiện tại hoặc gửi về nhà, nếu trang hiện tại là trang đăng nhập (riêng tư) của bạn. Lý tưởng là nó sẽ kiểm tra xem trang đăng nhập của bạn có thực sự riêng tư không, nhưng tôi không biết làm thế nào để làm điều đó, xin lỗi.

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