バージョン1.4.0以降

Myページのログイン画面のデザイン変更について

Myページのコンテンツ部分のデザインを変更する

Myページのログイン画面は、

LoginPage.htmlにて表示されています。

始めに、

ログインフォームを実装します。

<!-- soy:display="has_error" -->
<div class="error_box">
  <ul>
    <li>メールアドレスかパスワードに誤りがあります。</li>
  </ul>
</div>
<!-- /soy:display="has_error" -->

<form soy:id="login_form">
  <table class="detail_table">
    <tr>
      <th class="detail">メールアドレス</th>
      <td>
        <input type="text" soy:id="login_mail" />
      </td>
    </tr>
    <tr>
      <th>パスワード</th>
      <td>
        <input type="password" soy:id="login_password" />
      </td>
    </tr>
    <tr>
      <th>&nbsp;</th>
      <td>
        <input type="checkbox" soy:id="auto_login" />
        <label for="login_memory">次回から自動的にログイン</label>
      </td>
    </tr>
  </table>

  <p class="alC">
    <input type="submit" name="login" value="ログイン" />
  </p>
</form soy:id="login_form">

<!-- soy:display="has_error" -->で囲んだ箇所が、

メールアドレスかパスワードに誤りがあるときに表示されるエラーメッセージで、

<form soy:id="login_form">で囲んだ箇所が、

ログインフォームになり、submitボタンはname="login"になります。

他にパスワードリマインダと登録のリンクを実装する場合は、

<a soy:id="remind_link">パスワードを忘れた方はこちら</a>
<a soy:id="register_link">登録はこちら</a>

Tweet