WordPress Ajax login

To implement Ajax login in WordPress, you can follow these steps: 1. Open the theme’s functions.php file in your WordPress theme directory. 2. Add the following code to the file:   // Enqueue jQuery and custom JavaScript function enqueue_custom_scripts() { wp_enqueue_script(‘jquery’); wp_enqueue_script(‘custom-scripts’, get_stylesheet_directory_uri() . ‘/js/custom-scripts.js’, array(‘jquery’), ‘1.0’, true); wp_localize_script(‘custom-scripts’, ‘ajax_login_object’, array( ‘ajax_url’ => admin_url(‘admin-ajax.php’), ‘redirect_url’ => home_url() )); } add_action(‘wp_enqueue_scripts’, ‘enqueue_custom_scripts’); // Ajax login function ajax_login() { check_ajax_referer(‘ajax-login-nonce’, ‘security’); $info = array(); $info[‘user_login’] = $_POST[‘username’]; $info[‘user_password’] = $_POST[‘password’]; $info[‘remember’] = true; $user_signin = wp_signon($info, false); if (is_wp_error($user_signin)) { echo json_encode(array(‘loggedin’ => false, ‘message’ => __(‘Wrong username or password.’, ‘text-domain’))); } else { echo json_encode(array(‘loggedin’ => true, ‘message’ => __(‘Login successful!’, ‘text-domain’))); } die(); } add_action(‘wp_ajax_ajax_login’, ‘ajax_login’); add_action(‘wp_ajax_nopriv_ajax_login’, ‘ajax_login’);   3. Create a new directory in your theme called “js” (if it doesn’t exist already) and create a new file called “custom-scripts.js” inside that directory. 4. Open the “custom-scripts.js” file and

Jquery Form Validator

JQuery Form Validator is a featured jQuery plugin that makes it easy to validate user input while keeping your HTML clean from javascript code.

Categories

Request A Quote

Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.