Question

有没有办法从wp_login_form（）更改html输出，这就像bootstrap表单一样？

wp_login_form如下所示：

<form class="form-grey" name="loginform" id="loginform" action="http://domain.loc/wp-login.php" method="post">
  <p class="login-username">
    <label for="user_login">Username</label>
    <input type="text" name="log" id="user_login" class="input" value="" size="20">
  </p>
  <p class="login-password">
    <label for="user_pass">Password</label>
    <input type="password" name="pwd" id="user_pass" class="input" value="" size="20">
  </p>
  <p class="login-remember"><label><input name="rememberme" type="checkbox" id="rememberme" value="forever"> Remember Me</label></p>
  <p class="login-submit">
    <input type="submit" name="wp-submit" id="wp-submit" class="button-primary" value="Log In">
    <input type="hidden" name="redirect_to" value="http://domain.loc/">
  </p>
</form>

Bootstrap Forms看起来像这样：

<form class="form-inline">
  <div class="form-group">
    <label class="sr-only" for="exampleInputEmail3">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail3" placeholder="Email">
  </div>
  <div class="form-group">
    <label class="sr-only" for="exampleInputPassword3">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword3" placeholder="Password">
  </div>
  <div class="checkbox">
    <label>
    <input type="checkbox"> Remember me
    </label>
  </div>
  <button type="submit" class="btn btn-default">Sign in</button>
</form>

Answer 1

尝试使用它：

根据所需的类和ID获取您的参数：

$args = array(
                    'echo' => true,
                    'redirect' => property_list(),
                    'form_id' => 'loginform',
                    'label_username' => '',
                    'label_password' => '',
                    'label_remember' => __('Keep me logged in'),
                    'label_log_in' => __('SIGN IN'),
                    'id_username' => 'user_login',
                    'id_password' => 'user_pass',
                    'id_remember' => 'rememberme',
                    'id_submit' => 'wp-submit',
                    'remember' => true,
                    'value_username' => NULL,
                    'value_remember' => false
                );

现在将$ args数组传递给下面的函数：

<?php wp_login_form_custom($args);?>

现在您可以使用以下定义的此功能：

function wp_login_form_custom($args = array()) {
//you can use the values as $args['form_id'] and so on
//create you own HTML here with classes and IDs defined in the $args
}

Wordpress wp_login_form Bootstrap

1 个答案: