Mẫu đăng nhập wordpress ajax

Trên một số trang web, bạn có thể muốn chỉ những người dùng có vai trò cụ thể mới có thể truy cập Bảng điều khiển quản trị viên WordPress;

xác minh người dùng

Để giảm số lượng tài khoản spam, bạn có thể thêm xác minh người dùng vào trang web của mình. Nó có thể được sự chấp thuận của người dùng bởi quản trị viên hoặc xác minh email

Không còn tài khoản thư rác

Mẫu đăng nhập wordpress ajax

Mẫu đăng nhập wordpress ajax

Cải thiện việc thu hút khách hàng bằng thông tin đăng nhập xã hội

Đăng nhập xã hội giúp khách truy cập vào trang web của bạn trở thành khách hàng dễ dàng hơn bằng cách sử dụng thông tin xác thực trên mạng xã hội hiện có của họ để đăng ký trên trang web của bạn

Với Đăng nhập Stranoweb Ajax, bạn có thể dễ dàng thêm một số thông tin đăng nhập xã hội phổ biến nhất vào biểu mẫu đăng nhập, ngay cả trên biểu mẫu đăng nhập WooC Commerce

Thiết kế email của bạn

Bạn có thể dễ dàng tùy chỉnh thông báo email mà người dùng nhận được khi đăng ký và khôi phục mật khẩu

Chúng sẽ hoàn toàn phù hợp với thiết kế trang web của bạn

  • Tùy chỉnh màu sắc và bố cục email
  • Biên tập nội dung email
  • Thêm biểu trưng của bạn
  • Thêm hình ảnh
  • Biên tập nội dung chân trang

Mẫu đăng nhập wordpress ajax

Mẫu đăng nhập wordpress ajax

Tạo menu con thả xuống tùy chỉnh cho người dùng đã đăng nhập

Với Đăng nhập StranoWeb Ajax, bạn có thể thêm menu con tùy chỉnh của mình vào mục menu người dùng, rất hữu ích khi bạn muốn nhóm tất cả các liên kết liên quan đến người dùng ở một nơi

Đa ngôn ngữ và tương thích 100% WPML

Đăng nhập Stranoweb Ajax đi kèm với 4 ngôn ngữ, tiếng Anh, tiếng Ý, tiếng Pháp và tiếng Hungary. Chúng tôi đã làm cho nó tương thích 100% với WPML, plugin đa ngôn ngữ phổ biến nhất

Tôi đang cố gắng sử dụng hướng dẫn này Đăng nhập WordPress AJAX mà không cần plugin – Cách đúng đắn của Natko Hasic để tạo biểu mẫu đăng nhập, đăng ký và quên mật khẩu xử lý mọi thứ, kể cả thông báo lỗi với AJAX. Sự khác biệt giữa hướng dẫn và dự án của tôi là. Tôi không muốn làm điều đó trong cửa sổ bật lên và tôi đang làm điều đó trong một plugin không có trong thư mục chủ đề gốc

Đây là mã tôi có

Mã trong mẫu trang


    

    

Lost your password?

Mã đang chạy trong plugin chính của tôi. tập tin php

  admin_url( 'admin-ajax.php' ),
            'redirecturl' => home_url(),
            'loadingmessage' => __( 'Sending user info, please wait...' )
        ));

        // Enable the user with no privileges to run ajax_login() in AJAX
        add_action( 'wp_ajax_nopriv_ajaxlogin', 'ajax_login' );
    }

    // Check if users input information is valid
    function ajax_login() {
        // First check the nonce, if it fails the function will break
        check_ajax_referer( 'ajax-login-nonce', 'security' );

    //Nonce is checked, get the POST data and sign user on
    $info = array();
        $info['user_login'] = $_POST['username'];
        $info['user_password'] = $_POST['password'];
        $info['remember'] = true;

    $user_signon = wp_signon( $info, false );
    if ( is_wp_error( $user_signon )) {
        echo json_encode( array( 'loggedin'=>false, 'message'=>__( 'Wrong username or password!' )));
    } else {
        echo json_encode( array( 'loggedin'=>true, 'message'=>__('Login successful, redirecting...' )));
    }

    die();
}

Nội dung tệp ajax-login-script.js của tôi

jQuery(document).ready(function($){

    // Perform AJAX login on form submit
    $('form#login_form').on('#submit', function(e){
        $('form#login_form p.status').show().text(ajax_login_object.loadingmessage);
        $.ajax({
            type: 'POST',
            dataType: 'json',
            url: ajax_login_object.ajaxurl,
            data: { 
                'action': 'ajaxlogin', //calls wp_ajax_nopriv_ajaxlogin
                'username': $('form#login_form #username').val(), 
                'password': $('form#login_form #password').val(), 
                'security': $('form#login_form #security').val() },
            success: function(data){
                $('form#login_form p.status').text(data.message);
                if (data.loggedin == true){
                    document.location.href = ajax_login_object.redirecturl;
                }
            }
        });
        e.preventDefault();
    });
});

Tôi hoàn toàn không quen thuộc với AJAX cũng như JS nên bất kỳ ánh sáng nào bạn có thể làm rõ về vấn đề này đều được đánh giá rất cao