Dans ce tutoriel nous allons voir comment ajouter un formulaire qui va permettre aux utilisateurs de s’inscrire et de se connecter à partir de votre page d’accueil.

Connexion / Déconnexion

WordPress intègre deux  fonctions qui  vont permettre de  générer les URL de connexion et de déconnexion :

wp_login_url() ;

Cette fonction servira à vos utilisateurs pour ce connecté

wp_logout_url() ;

wp_logout_url permettra aux utilisateurs de votre blog de cliquer sur un lien de déconnexion et d’être rediriger vers une page de déconnexion.

 Ajout du formulaire de connexion / déconnexion

En utilisant ces deux fonctions, on peut facilement créer un formulaire de connexion personnalisée et  vérifier si l’utilisateur est déjà connecté pour lui afficher un bouton de déconnexion.

<?php if ( is_user_logged_in() ) { ?>
	<a href="<?php echo wp_logout_url(get_permalink()) ?>">Déconnexion</a>

<?php } else { ?>
	<form id="login" method="post" action="<?php echo wp_login_url( get_permalink() ) ?>">
		<fieldset>
			<label>Login :</label>
			<input type="text" value="" name="log" />
			<label>Mot de passe : </label>
			<input type="password" value="" name="pwd"  />
			<input type="submit" value="Connexion" />
		</fieldset>
	</form>

    <?php } ?>

La première chose à faire est de vérifier si l’utilisateur est connecté en utilisant la fonction if ( is_user_logged_in() ) { lien de déconnexion } si l’utilisateur est connecter ont affiche le lien de déconnexion,  } else {formulaire de connexion } si l’utilisateur n’est pas connecter on affiche le formulaire de connexion. Vous pouvez utiliser cette fonction pour d’autres choses comme par exemple cacher le contenu d’une page visible que pour vos abonnés.

Formulaire d’inscription   

Pour le formulaire d’inscription il faudra récupérer l’url de votre blog suivi de l’action qui permet l’enregistrement de vos utilisateurs, pour l’url ont va utiliser la fonction bloginfo(‘URL ’) suivi de l’action /wp-login.php?action=register qui va soumettre l’inscription de l’utilisateur.

<form name="registerform" action="<?php bloginfo('url'); ?>/wp-login.php?action=register" method="post"> 
	<fieldset>
		<label>Identifiant</label>
		<input type="text" name="user_login" value="" /> 
		<label>E-mail</label>
		<input type="text" name="user_email" value="" /> 
		<input type="hidden" name="redirect_to" value="<?php echo get_permalink('208'); ?>" /> 
		<input type="submit" name="wp-submit" />
	</fieldset>
</form>

Pour rediriger vos utilisateurs vers une page qui leur indique que leurs inscriptions ont bien été prises en compte, on va utiliser la fonction get_permalink();  qui va nous permettre de récupérer le lien d’une page avec son id :

<input type="hidden" name="redirect_to" value="<?php echo get_permalink('208'); ?>" />

Créer une page template, puis ajouter les informations nécessaires pour l’inscription de vos utilisateurs, et récupérer l’identifiant de la page dans mon exemple 208 .

Conclusion

Ce petit tutoriel va vous permettre de comprendre comment fonctionne une inscription d’un utilisateur avec WordPress  et les fonctions utilisés pour la connexion et déconnexion de celui-ci. Il peut aussi vous servir de base pour créer un formulaire plus avancé.