Hiranthi's weblog

Je kent het vast wel: je hebt een leuke WordPress site waar mensen zich voor kunnen registreren en je wil ze dan ook graag de mogelijkheid geven om in te loggen aan de voorkant van je pagina (bijv. omdat je de loginpagina niet zo bij je theme hebt aansluiten zoals in deze tutorial wordt uitgelegd). Scheelt weer dat dit totaal niet moeilijk is.

Je kunt hier een widget voor installeren, maar die voldoet niet altijd aan de eisen. En daarom laat ik je in deze post zien hoe je de login kunt integreren in je theme (en met behulp van deze tutorial kun je er misschien wel zelf een widget van maken ).

De code

Hieronder de code van het inlogformulier:

<h2>Inloggen</h2>
<form action="<?php echo site_url('wp-login.php', 'login_post') ?>" method="post">

<label for="user_login">
<input name="log" id="user_login" type="text" value="Gebruikersnaam" onblur="if(this.value=='') this.value='Gebruikersnaam'; return false;" onfocus="if(this.value=='Gebruikersnaam') this.value=''; return false;" /></label>

<label for="user_pass">
<input name="pwd" id="user_pass" type="password" value="Wachtwoord" onblur="if(this.value=='') this.value='Wachtwoord'; return false;" onfocus="if(this.value=='Wachtwoord') this.value=''; return false;" /></label>

<input type="hidden" name="redirect_to" value="<?<a title="Zie ook TimThumb gebruiken in je theme" href="http://hiranthi.nl/tutorials/timthumb-gebruiken-wordpress-theme/">php</a> echo esc_attr($_SERVER['REQUEST_URI']); ?>" />
<input type="submit" name="wp-submit" id="wp-submit" value="inloggen" class="login" />
<input type="hidden" name="testcookie" value="1" />
</form>

<a href="<?php bloginfo('url'); ?>/wp-login.php?action=lostpassword" title="Wachtwoord vergeten?">ww vergeten?</a>

Bovenstaande code kun je in een php-widget zetten, zelf een widget van maken of in je theme zelf zetten.

Uitleg code

<?php echo site_url('wp-login.php', 'login_post') ?>

Bovenstaande stukje PHP, met de functie [wp]site_url[/wp], zet de juiste URL naar wp-login.<a title="Zie ook Shopp en PHP4" href="http://hiranthi.nl/wordpress/shopp-php4/">php</a> in de action van het formulier. Dat zorgt ervoor dat WordPress de gebruiker ook daadwerkelijk kan inloggen.

<?<a title="Zie ook De WYSIWYG editor bij je theme laten passen" href="http://hiranthi.nl/tutorials/wysiwyg-editor-theme/">php</a> echo esc_attr($_SERVER['REQUEST_URI']); ?>

De functie [wp]esc_attr[/wp] encodeert de volgende tekens: & ” ‘
Door dit in een hidden veld te zetten met de naam redirect_to wordt de bezoeker na het inloggen teruggestuurd naar de pagina waar hij vandaan kwam.

Print PDF

Ben je op zoek naar een makkelijke manier om je Shopp™ webshop uit te breiden? Dan is Shopplugin.nl voor jou het juiste adres!

Shopplugin.nl geeft jou de mogelijkheid om snel functionaliteiten aan je webshop toe te voegen. Of het nu voor het uitbreiden van je webwinkel is, of om je workflow te vereenvoudigen: het is allemaal mogelijk!

Bekijk snel de webshop – uiteraard ook gebaseerd op Shopp – om te zien wat we jou te bieden hebben!