• Accueil
  • Woocommerce
  • À propos
  • Me contacter

Étiquette : formulaire

Créer un formulaire d’inscription simple pour WordPress sans plugins

Fred, 20 janvier 2013
Mise à jour le 2 janvier 2021

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é.



[member]Télécharger l’article register_tuto[/member]

Ajouté dans Tutoriel Wordpress | Mot(s) clé(s) formulaire, login | 13 commentaires sur Créer un formulaire d’inscription simple pour WordPress sans plugins

Afficher un formulaire de connexion n’ importe où avec wp_login_form

Fred, 10 septembre 2011
Mise à jour le 16 octobre 2014

Pour ajouter un formulaire de connexion sur une page ou dans votre sidebar sans utiliser de plugin il y a deux méthodes :

La première est très simple ont va utiliser la fonction suivante que vous pouvez placer n’ importe où :


<?php

 wp_login_form();

?>

La deuxième permet de personnaliser l’affichage du formulaire se code peu être placer n’ importe où aussi :

<?php $args = array(

'echo' => true,

'redirect' => 'http://votre-site.com',

'form_id' => 'loginform',

'label_username' => __( 'Username' ),

'label_password' => __( 'Password' ),

'label_remember' => __( 'Remember Me' ),

'label_log_in' => __( 'Log In' ),

'id_username' => 'user_login',

'id_password' => 'user_pass',

'id_remember' => 'rememberme',

'id_submit' => 'wp-submit',

'remember' => true,

'value_username' => NULL,

'value_remember' => false );

wp_login_form($args);

?>

Pour la mise en forme css les class par défaut sont :
login-username / Identifiant
login-password / Mot de passe

login-remember / Se souvenir de moi

login-submit / Se connecter

et L’ ID est loginform

Ajouté dans Snippets Astuces | Mot(s) clé(s) connexion, formulaire, login, wp_login_form | Laissez un commentaire sur Afficher un formulaire de connexion n’ importe où avec wp_login_form

Abonnez-vous à notre newsletter

Vérifiez votre boîte de réception ou vos indésirables afin de confirmer votre abonnement.

Articles Récents

  • Supprimer le bouton ajouter au panier dans catégorie produit dans Woocommerce
  • Comment modifier les boutons du widget panier dans woocommerce
  • Comment changer le nombre de produits apparentés dans woocommerce
  • Changer le nombre de produits par page dans Woocommerce
  • Comment créer son blog: guide pour débutant

ARTICLES RECENT

  • Supprimer le bouton ajouter au panier dans catégorie produit dans Woocommerce 9 novembre 2020
  • Comment modifier les boutons du widget panier dans woocommerce 21 novembre 2018
  • Comment changer le nombre de produits apparentés dans woocommerce 21 novembre 2018

LIENS UTILES

  • Mentions légales
  • À propos

© copyright Naxialis 2011-2021

En poursuivant votre navigation sur ce site, vous acceptez l’utilisation des cookies En savoir plus .

Naxialis : développeur, intégrateur Wordpress freelance
Powered by  GDPR Cookie Compliance
Gestion des données personnelles

« Les informations recueillies vous concernant font l’objet d’un traitement destiné à : (coordonnées du responsable de traitement – et représentant et du CIL)
Pour la finalité suivante : Statistique visite site naxialis.com
Les destinataires de ces données sont : Lebéon Frédéric
La durée de conservation des données est de 6 mois
Vous bénéficiez d’un droit d’accès, de rectification, de portabilité, d’effacement de celles-ci ou une limitation du traitement.
Vous pouvez vous opposer au traitement des données vous concernant et disposez du droit de retirer votre consentement à tout moment en vous adressant à : Lebéon Frédéric Ici
Vous avez la possibilité d’introduire une réclamation auprès d’une autorité de contrôle. ».

Cookies nécessaires

Le cookie peut-être activé à tout moment afin que nous puissions enregistrer vos préférences pour les paramètres de cookies.

Si vous désactivez ce cookie, nous ne pourrons pas enregistrer vos préférences. Cela signifie que chaque fois que vous visitez ce site, vous devrez activer ou désactiver à nouveau les cookies.

Google analytics

Ce site utilise Google Analytics pour collecter des informations anonymes telles que le nombre de visiteurs sur le site et les pages les plus populaires.

Garder ce cookie activé nous aide à améliorer notre site Web.

Veuillez activer d’abord les cookies strictement nécessaires pour que nous puissions enregistrer vos préférences !