Se quiser substituir sua página de login por uma que também ofereça um formulário de inscrição, basta copiar e colar os seguintes trechos de código. O snippet HTML será colocado na guia "texto" do editor de páginas ou em uma caixa HTML. Devido à forma como o WordPress lida com as tags de script, você precisará usar um plug-in de terceiros para colocar o código de script na tag ....
Código HTML:
<div class="mm-field-column">
<input id="loginF" name="login-signup" type="radio" value="Login" checked="checked"> <label style="display:inline;" for="loginF">Login</label>
<input id="signUp" name="login-signup" type="radio" value="SignUp"> <label style="display:inline;width:auto;" for="signUp">Registrar-se</label>
</div></br>
<div id="loginForm">
[MM_Member_Decision isMember='true']
Você já está conectado! Precisa se desconectar? Você pode fazer isso <a href="/pt/[MM_CorePage_Link type='logout']/" title="Fazer logout">aqui</a>.
[/MM_Member_Decision].
[MM_Member_Decision isMember='false']
[MM_Form type='login']
<div class="mm-login">
[MM_Form_Message type='error']
[MM_Form_Message type='success']
<h3>Digite seu nome de usuário e senha abaixo</h3>
<table>
<tr>
<td class="mm-label-column">
<span class='mm-label'>Nome de usuário</span>
</td>
<td class="mm-field-column">
[MM_Form_Field name='username']
</td>
</tr>
<tr>
<td class="mm-label-column">
<span class='mm-label'>Senha</span>
</td>
<td class="mm-field-column">
[MM_Form_Field name='password']
</td>
</tr>
<tr>
<td class="mm-label-column"></td>
<td class="mm-field-column">
[MM_Form_Button type='login' label='Login']
[MM_Form_Field name='rememberMe' label='Remember me']
</td>
</tr>
<tr>
<td class="mm-label-column"></td>
<td class="mm-field-column">
<a href="/pt/[MM_CorePage_Link type='forgotPassword']/" class="mm-forgot-password">Esqueci minha senha</a>
</td>
</tr>
</table>
</div>
[/MM_Formulário]
[/MM_Member_Decision]</div>
<div id="signUpForm">
<h3>Registre-se gratuitamente</h3>
[MM_Form type='checkout' membershipLevelId='1']
[MM_Form_Message type='error']
[MM_Form_Section type='accountInfo']
Informações sobre a conta
<table>
<tr>
<td class="mm-label-column">
<span class='mm-label'>Primeiro nome:</span>
</td>
<td class="mm-field-column">
[MM_Form_Field type='input' name='firstName']
</td>
</tr>
<tr>
<td class="mm-label-column">
<span class='mm-label'>Sobrenome:</span>
</td>
<td class="mm-field-column">
[MM_Form_Field type='input' name='lastName']
</td>
</tr>
<tr>
<td class="mm-label-column">
<span class='mm-label'>E-mail:</span>
</td>
<td class="mm-field-column">
[MM_Form_Field type='input' name='email']
</td>
<tr>
<td class="mm-label-column">
<span class='mm-label'>Senha:</span>
</td>
<td class="mm-field-column">
[MM_Form_Field type='input' name='password'][MM_Form_Field type='hidden' name='phone' isRequired='false']
</td>
</tr>
<tr>
<td class="mm-label-column"></td>
<td class="mm-field-column">
<a href="/pt/[MM_Form_Button type='submit' paymentMethod='default']/" class="mm-button">Registrar-se</a></td>
</tr>
</table>
[/MM_Form_Section]
[/MM_Form]
</div>
Código de script:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('input:radio').click(function() {
if (jQuery(this).val() === 'Login') {
jQuery('#loginForm').show('fast');
jQuery('#signUpForm').hide('fast');
} else if ($(this).val() === 'SignUp') {
jQuery('#signUpForm').show('fast');
jQuery('#loginForm').hide('fast');
}
});
jQuery('#signUpForm').hide('fast');
});
</script>
O resultado de colocar o código no local correto: