Welcart ログインボタンをaタグで実装する方法

Welcartには usces_login_button() というログインページで利用するログインボタン生成用の関数が用意されていますが、inputタグのボタンになっておりデザイン都合上 aタグに変えたい場合に変更することが出来ません。

今回は関数を使わずaタグでログインボタンを実装する方法を書いて行きます。

ログインボタン生成用関数

/**
 * ログインボタン生成用関数
 * \wp-content\plugins\usc-e-shop\functions\template_func.php
 * 2709行目
 */
function usces_login_button()
{
    $loginbutton = '<input type="submit" name="member_login" id="member_login" class="member_login_button" value="' . __('Log-in', 'usces') . '" />';
    $html = apply_filters('usces_filter_login_button', $loginbutton);
    echo $html;
}

aタグでログインボタン実装

書き方はとても簡単で以下の２行をログインページのテンプレートに追加するだけで完了です。

<a href="javascript:loginform.submit()" class="btn solid blue big">ログイン</a>
<input type="hidden" name="member_login" value="ログイン">

「javascript:loginform.submit()」でフォーム内のデータを送信出来るようにすることと、name属性 “member_login” で value “ログイン” も合わせて送信する必要があります。

動作環境情報

エックスサーバー（x10）
PHP 7.2.17
MySQL 5.7
WordPress 5.3.2
Welcart e-Commerce 1.9.28