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

我想为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>

紧凑的内联表单
记得我吗
登录

可于

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

---

请有人帮我设计一下Pure.css之类的表单，你可以按照以下步骤为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和类 在参数列表中

---

嗨，伙计，你没有收到我的消息：-）我正在寻找WHMCS登录表单样式集成在WP中，默认情况下它加载WHMCS css样式，但我需要它在WP中自定义