Comment ajouter une fonctionnalité d'enregistrement et de connexion des utilisateurs au thème Astra ? Tutoriel complet

existent WordPress L'ajout d'une fonctionnalité d'enregistrement et de connexion des utilisateurs à votre site web est la base de la création d'un site d'adhésion, d'une plateforme d'apprentissage ou d'un site de commerce électronique. Avec Astra, un thème WordPress léger et flexible, vous pouvez facilement mettre en place un système d'utilisateur frontal sans connaître le code. Dans cet article, nous allons vous présenter comment mettre en place rapidement des formulaires d'enregistrement et de connexion, créer des pages et les embellir grâce au plugin, ce qui est simple et adapté aux débutants.

I. Pourquoi utiliser la fonctionnalité d'enregistrement/de connexion des utilisateurs dans Astra ?

Par défaut, WordPress fournit une page de connexion (telle que la page wp-login.php), une interface sommaire, des sauts peu conviviaux et une expérience utilisateur médiocre. Utiliser Astra Il est possible d'y parvenir en utilisant des modules d'extension tiers :

• Meilleure interface d'enregistrement et de connexion des utilisateurs
• Processus frontaux complets sans accès au back-end
• Champs de formulaire, chemins d'accès et autorisations personnalisables
• Hautement intégré à la conception d'Astra

II. travaux préparatoires

1) Installer et activer le thème Astra

WordPress Backend :

Apparence → Thèmes → Ajouter → Rechercher "Astra" → Installer et activer

Astra prend en charge le constructeur de pages par défaut (Elementor / Gutenberg) pour faciliter l'ajout ultérieur de contenu de formulaire.

2. installation du plug-in d'enregistrement et de connexion des utilisateurs

Les systèmes frontaux d'enregistrement et de connexion des utilisateurs peuvent être rapidement construits à l'aide de ces plugins faciles à utiliser :

Nom du plug-in	utiliser	Gratuité ou non
WPForms Lite	Construction du formulaire d'inscription et de connexion	✅ Gratuit
Enregistrement de l'utilisateur	Plugin professionnel d'enregistrement des utilisateurs	✅ Gratuit
Thème Ma connexion	Génération rapide d'interfaces utilisateur frontales	✅ Gratuit
Nextend Social Login	Fonctionnalité de connexion sociale rapide	✅ Gratuit

Méthode 1 : Utiliser WPForms pour créer rapidement des formulaires d'inscription et de connexion

Étape 1 : Installer le plugin WPForms

Backend → Plugins → Add Plugins → Search for "WPForms" → Install and Enable

Étape 2 : Créer un formulaire d'inscription

• Aller dans Backend → WPForms → Add New Form

• Sélectionnez le modèle "Formulaire d'inscription de l'utilisateur" (nécessite une mise à niveau vers la version payante)

• Glisser-déposer les champs fréquemment utilisés (nom d'utilisateur, adresse électronique, etc.) pour personnaliser les messages et les styles.

• Après l'enregistrement, copiez le code court, par exemple [wpforms id="123"]

Étape 3 : Création du formulaire de connexion

Répétez le processus ci-dessus pour créer le formulaire de connexion en utilisant le modèle "Login Form", sauvegardez-le et obtenez le shortcode.

Étape 4 : Ajouter le formulaire à la page

• Nouvelles pages (par exemple "Enregistrement de l'utilisateur", "Connexion de l'utilisateur")
• existent Gutenberg Insérer un bloc "short code" dans l'éditeur

• Collez le shortcode du formulaire et publiez la page
• La page présente automatiquement le formulaire d'enregistrement ou de connexion sans écrire de code.

Des interfaces utilisateur plus esthétiques peuvent être construites à l'aide des modèles pleine largeur d'Astra ou d'Elementor.

Méthode 2 : Utiliser le plug-in d'enregistrement des utilisateurs pour créer un système complet d'utilisateurs

L'enregistrement des utilisateurs est un service professionnel WordPress Plugin de système d'utilisateur frontal pour les sites qui nécessitent des extensions de champs, des rôles personnalisés et la validation des courriels.

Étape 1 : Installer et activer le plugin

Plugins → Add New Plugin → Search for "User Registration" → Installer et activer le plugin.

Étape 2 : Créer un formulaire d'inscription

• Backend → Enregistrement de l'utilisateur → Ajouter un nouvel utilisateur

• Glisser-déposer des champs pour créer des formulaires (adresse, téléchargement d'avatar, champs personnalisés)
• Définition du rôle de l'utilisateur par défaut (par exemple, abonné) et des chemins de redirection
• Enregistrez et copiez le code court (par ex. [user_registration_form id="456"])

Étape 3 : Création de la page de connexion

Le plugin génère automatiquement des pages de connexion, d'enregistrement et d'oubli de mot de passe, ou vous pouvez insérer manuellement le shortcode du formulaire de connexion dans n'importe quelle page.

V. Ajouter le portail de connexion/enregistrement au menu de navigation dans Astra

Il est essentiel de fournir un point d'entrée intuitif aux utilisateurs, et Astra offre des paramètres de menu flexibles.

Les étapes sont les suivantes :

• Apparence → Menu → Sélectionner la navigation principale

• Ajoutez un "lien personnalisé" et saisissez l'adresse des pages de connexion et d'enregistrement.

• Saisissez un nom de menu tel que "Login" ou "Register" et enregistrez le menu.

Le menu If peut être utilisé pour définir le bouton "cacher/afficher sous l'état de connexion".

VI. redirection après l'ouverture de session et paramètres de la page de gestion du compte

La plupart des utilisateurs souhaitent se connecter et se rendre sur les pages "Espace personnel" et "Mes commandes".

• Le plugin WPForms/Theme My Login peut définir l'adresse "Jump after Login".
• Enregistrement de l'utilisateur Après avoir ouvert une session, vous pouvez accéder à la "page du profil de l'utilisateur".
• Si vous utilisez WooCommerceVous pouvez définir la page de post-connexion comme étant la page "Mon compte".

VII. Recommandations supplémentaires : extension des fonctionnalités améliorées

demande (économie)	plug-in (composant logiciel)	instructions
Connexion rapide aux comptes sociaux	Nextend Social Login	soutenir qqch. Google Société InternetFacebook, Twitter Login
Vérification/approbation du courrier électronique Enregistrement	Enregistrement des utilisateurs Pro	Restrictions concernant l'enregistrement des utilisateurs
Télécharger un avatar et modifier votre profil	ProfilePress	Page d'amélioration du profil de l'utilisateur
enregistrement en plusieurs étapes	WPForms Pro	Améliorer l'expérience d'enregistrement complexe

VIII Foire aux questions (FAQ)

Q1：Les utilisateurs ne reçoivent pas d'e-mails après leur inscription ?

Vérifier si le site est configuré avec le plugin SMTP (ex. WP Mail SMTP), pour s'assurer que le courrier est envoyé correctement

Q2 : Comment restreindre les rôles des utilisateurs enregistrés ?

Spécifiez le rôle par défaut comme "Abonné" ou un rôle personnalisé dans les paramètres du plugin pour empêcher les utilisateurs ordinaires d'obtenir des privilèges administratifs.

Q3 : Astra affecte-t-il l'affichage de ces caractéristiques ?

Non.Astra Bonne compatibilité avec les principaux plug-ins de formulaire, les plug-ins de système utilisateur et la prise en charge des styles personnalisés, convenant à tous les niveaux d'utilisateurs.

résumés

La combinaison Astra + Plugin permet de construire facilement un système d'enregistrement et de connexion des utilisateurs complet, esthétique et compatible, sans écrire de code. Que vous construisiez un site d'adhésion, une communauté sociale ou une plateforme de soumission de contenu, cet ensemble de solutions peut être rapidement mis en place et peut améliorer l'expérience utilisateur et l'efficacité opérationnelle.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : [email protected]
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.