Question

我想为WHMCS集成登录表单提供自定义样式，即

<form method="post" action="https://www.xxxxx.com/secure/dologin.php"> Email Address: <input type="text" name="username" size="50" /><br /> Password: <input type="password" name="password" size="20" /><br /> <input type="submit" value="Login" /> </form>

但是我想要像这样设置样式：

<form class="pure-form">
    <fieldset>
        <legend>A compact inline form</legend>

        <input type="email" placeholder="Email">
        <input type="password" placeholder="Password">

        <label for="remember">
            <input id="remember" type="checkbox"> Remember me
        </label>

        <button type="submit" class="pure-button pure-button-primary">Sign in</button>
    </fieldset>
</form>

可在http://purecss.io/forms/

获取

我有一部分用于插入HTML代码，Java脚本和自定义CSS样式

请有人帮忙我怎么能像Pure.css那样设置表格样式

Answer 1

您可以按照以下步骤为Wordpress创建自定义登录页面：

第1步：创建模板并在该页面中添加以下代码 -

<?php
if ( ! is_user_logged_in() ) { // Display WordPress login form:
    $args = array(
        'redirect' => admin_url(), 
        'form_id' => 'loginform-custom',
        'label_username' => __( 'Username custom text' ),
        'label_password' => __( 'Password custom text' ),
        'label_remember' => __( 'Remember Me custom text' ),
        'label_log_in' => __( 'Log In custom text' ),
        'remember' => true
    );
    wp_login_form( $args );
} else { // If logged in:
    wp_loginout( home_url() ); // Display "Log Out" link.
    echo " | ";
    wp_register('', ''); // Display "Site Admin" link.
}
?>

第2步：在WP后端创建新页面，并在此页面中指定上面创建的模板。

第3步：在functions.php或模板本身使用wp enqueue脚本挂钩包含CSS和JS文件

您可以根据自己的选择更改HTML的ID和类在参数列表中。

WP中WHMCS登录表单的自定义样式

1 个答案: