Question

我有自定义登录/注册并忘记了密码html模板页面   最近
  购买。我想只通过这些页面来代替   wp-login / register pages。我稍微修改了登录页面，我可以   如果我在表格中输入正确的信息，请完美登录。

当我在表单中输入空白表格或不正确的信息时，我的问题仍然存在。该页面被重定向到标准的wp-login.php。

有没有办法没有页面重定向而是显示一些文字可能会说“您输入的信息不正确或空重试”？

这是我现在在下面实现的自定义代码。

      <form name="loginform" id="loginform" action="https://example.com/wp-login.php" method="post">
            </form>

     <input type="submit" name="wp-submit" id="wp-submit" value="Log In" class="button button-fill color-black text-thiny">

仅供参考我的模板/ html文件位于我的root publichtml文件夹中，而不是wp-content

Answer 1

在wordpress中设置登录表单的正确方法是：

<form method="post" action="<?php echo wp_login_url('URL_TO_REDIRECT_AFTER_LOGGED'); ?>">
    <input type="text" name="log">
    <input type="password" name="pwd">
    <input type="submit" name="wp-submit" value="Login" >
</form>

表单操作是您成功登录时的URL。保留输入'name'字段很重要，因为这些字段会将wordpress作为登录数据

Answer 2

更改wp-login.php以回应某种可用于验证的响应，然后使用ajax调用控制自己发生的事情（重定向/错误消息）

function myCallBack(response) {
    if(response == "success") {
        //Handle login redirect
    } else {
        //Handle error message to user
    }
}

$('#wp-submit').on('click', function(event) {

    event.preventDefault();

    var form = $('#loginform');

    var serializedData = form.serialize();

    $.ajax({
        url: "/wp-login.php",
        type: "post",
        data: serializedData,
        success: myCallBack
    });

}

自定义Html Wordpress登录/注册页面

2 个答案: