Wenn Sie Ihre Anmeldeseite durch eine Seite ersetzen möchten, die auch ein Anmeldeformular enthält, können Sie einfach die folgenden Codefragmente kopieren und einfügen. Das HTML-Snippet wird in der Registerkarte "Text" Ihres Seiteneditors oder in einer HTML-Box eingefügt. Aufgrund der Art und Weise, wie WordPress mit Skript-Tags umgeht, müssen Sie ein Plugin eines Drittanbieters verwenden, um den Skript-Code in Ihrem ...-Tag zu platzieren.
HTML-Code:
<div class="mm-field-column">
<input id="loginF" name="login-signup" type="radio" value="Login" checked="checked"> <label style="display:inline;" for="loginF">Anmeldung</label>
<input id="signUp" name="login-signup" type="radio" value="SignUp"> <label style="display:inline;width:auto;" for="signUp">Anmeldung</label>
</div></br>
<div id="loginForm">
[MM_Member_Decision isMember='true']
Sie sind bereits eingeloggt! Möchten Sie sich abmelden? Das können Sie tun <a href="/de/[MM_CorePage_Link type='logout']/" title="Abmelden">hier</a>.
[/MM_Mitglied_Entscheidung]
[MM_Member_Decision isMember='false']
[MM_Form type='login']
<div class="mm-login">
[MM_Form_Message type='error']
[MM_Form_Message type='success']
<h3>Geben Sie Ihren Benutzernamen und Ihr Passwort unten ein</h3>
<table>
<tr>
<td class="mm-label-column">
<span class='mm-label'>Benutzername</span>
</td>
<td class="mm-field-column">
[MM_Form_Field name='username']
</td>
</tr>
<tr>
<td class="mm-label-column">
<span class='mm-label'>Passwort</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='Anmelden']
[MM_Form_Field name='rememberMe' label='Remember me']
</td>
</tr>
<tr>
<td class="mm-label-column"></td>
<td class="mm-field-column">
<a href="/de/[MM_CorePage_Link type='forgotPassword']/" class="mm-forgot-password">Passwort vergessen</a>
</td>
</tr>
</table>
</div>
[/MM_Form]
[/MM_Mitglied_Entscheidung]</div>
<div id="signUpForm">
<h3>Kostenlos anmelden</h3>
[MM_Form type='checkout' membershipLevelId='1']
[MM_Form_Message type='error']
[MM_Form_Section type='accountInfo']
Konto-Informationen
<table>
<tr>
<td class="mm-label-column">
<span class='mm-label'>Erster Name:</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'>Nachname:</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'>Kennwort:</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="/de/[MM_Form_Button type='submit' paymentMethod='default']/" class="mm-button">Anmeldung</a></td>
</tr>
</table>
[/MM_Form_Section]
[/MM_Form]
</div>
Skript-Code:
<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>
Das Ergebnis des Einsetzens des Codes an der richtigen Stelle: