2016-01-11 48 views
-1

我想給的WHMCS集成登錄表單,這是在WP 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

形式

回答

0

您可以按照以下步驟來創建自定義登錄頁面的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:使用WP排隊腳本掛機無論是在functions.php或模板本身包含CSS和JS文件

您可以根據參數你選擇 更改HTML的ID和類名單。

+0

隊友嗨,你沒有收到我的信息:-)我找WHMCS登錄表單樣式在WP進行整合,在默認情況下它的加載WHMCS css樣式,但我需要它的自定義在WP – user3251948

+0

HTTP:// www.whmcs.com/appstore/523/WHMCS-Custom-CSS-JS.html檢查一下 –