Le formulaire de connexion et d’inscription WordPress est arrivé! (formateur 1.12)
Utilisez votre marque et votre image. L’inscription personnalisée vous permet également de rediriger les utilisateurs lors de leur inscription. Avec le formateur, vous pouvez ajouter un grand nombre d’options de champ (je vous montrerai bientôt comment procéder). Il est également utile de rendre le contenu de votre site Web accessible uniquement aux utilisateurs ayant un compte lorsqu’il s’agit de se connecter. Cela aide également à commercialiser votre liste de courriels, à ajouter des options de service d’abonnement, de contenu protégé, etc. On se voit à la Caisse. Même si on n’a pas acheté de nouveaux placards ici…
Au lieu de cela, vérifiez comment configurer un nouveau registre. Comme vous le verrez, c’est très facile et rapide. Regardez la vidéo ci – dessous ou suivez les tutoriels étape par étape ci – dessous. Ensuite, nous ouvrons le formateur dans le tableau de bord et entrons ces nouvelles fonctionnalités. Au fur et à mesure que nous avançons, vous verrez que vous pouvez commencer par les champs à inclure. À partir de là, vous pouvez personnaliser les paramètres, les styles, les comportements, et même les modifier avec quelques CSS à la mode. Bien sûr, la première étape consiste à installer le formateur 1.12 gratuitement. Pour déplacer le rêve, appuyez d’abord sur créer pour créer un nouveau module.
Un aspect important du formateur est sa capacité de glisser – déposer sur l’Organisation
Construire un camp. Simplifiez l’ajout ou la suppression de champs et personnalisez – les en conséquence. Par défaut, la première zone prête à être définie est la section champs. Les champs que vous avez définis sont le nom d’utilisateur, le courriel et le mot de passe. Étant donné qu’il s’agit d’un registre, voici quelques bonnes options de démarrage. Cependant, vous pouvez ajuster au besoin. Vous pouvez ajouter tous ces champs supplémentaires: Tous les champs de formulaire disponibles. Il y a beaucoup d’options ici: du site Web, de l’adresse, recaptcha aux options de téléchargement de fichiers, tout.
Pour cette démonstration, je ne vais pas passer en revue chacune des options individuellement (ce qui rend l’article très long, et vous pouvez en savoir plus sur toutes ces options dans notre section documentation), mais je vais vous montrer quelques exemples de la façon de personnaliser en utilisant le formateur. Par exemple, nous ne traitons que le premier Champ: « nom d’utilisateur ». Vous pouvez cliquer et modifier ce champ. Paramètres du champ Nom d’utilisateur. Vous pouvez modifier les étiquettes, les valeurs par défaut, les descriptions et les substituants dans la zone des étiquettes. De là, si vous cliquez sur l’onglet paramètres, il y a plus d’options. Réglez la zone. Vous pouvez saisir le nombre maximum de caractères ou de mots, changer le réglage de requis à optionnel, et une zone pré – remplie est disponible. Continuez, vous pouvez modifier le style css sur l’onglet styles. Zone de style. Il ajuste également la visibilité dans l’onglet visibilité. Vous pouvez ajouter de nombreuses règles pour les courriels, etc., dans cette zone. Dans cet exemple de formulaire, vous trouverez également des champs courriel et mot de passe. Ces champs, ainsi que tout autre champ que vous ajoutez, sont très personnalisables, tout comme le nom d’utilisateur.
Tous les champs sont faciles à utiliser et clairement étiquetés. Chaque option a ses propres paramètres et options personnalisées,
Cela vaut la peine d’être exploré une fois que vous avez les champs requis dans le Registre. L’apparence de la forme est importante – vous avez les champs que vous voulez (et vous pouvez toujours éditer à tout moment) et vous pouvez maintenant restaurer l’apparence. L’onglet apparence se trouve directement sous l’onglet champs. Une fois cliqué, vous avez plusieurs options. En haut de la page se trouve le style design. Ici, vous pouvez choisir comment afficher le formulaire en utilisant les options d’affichage par défaut, y compris plat, gras, matériel, ou aucun. Exemple d’option en gras. Dans cette zone, vous pouvez également ajuster la couleur, la police et le conteneur de formulaire pour le remplissage et les bordures. De plus, si vous avez une certaine connaissance du CSS, vous pouvez activer le CSS personnalisé pour des options plus avancées. Comportement vous supposez que la partie comportement est l’endroit où vous pouvez choisir de soumettre des comportements et d’autres comportements. Dans la première partie de cette section, vous pouvez personnaliser le message en ligne lorsque le formulaire est soumis avec succès. Vous pouvez également choisir de fermer automatiquement la boîte pour qu’elle disparaisse après un certain temps. Vous pouvez rediriger l’utilisateur vers l’URL et cacher le formulaire dans cette zone. Directement ci – dessous, vous pouvez sélectionner la méthode, vérifier et envoyer l’indicateur. En utilisant la zone méthode, vous pouvez soumettre le formulaire en utilisant Ajax sans recharger la page. Alternativement, vous pouvez continuer à recharger la page. Vous pouvez également activer l’authentification en ligne et indiquer si vous souhaitez afficher le chargeur. Méthode, vérification et Section d’envoi de l’indicateur. Il y a aussi une option de sécurité dans cette zone où vous pouvez ajouter un niveau de sécurité pour empêcher l’envoi de pourriels. Vous pouvez ensuite choisir la durée du module, ainsi que les options de rendu. Enfin, les notifications par courriel, l’intégration et d’autres paramètres tels que le stockage de données
Et Privacy) peuvent être modifiés selon vos préférences. Toutes ces fonctions ont leurs propres onglets et sont faciles à trouver dans le tableau de bord. Maintenant que nous avons exploré toutes les options de personnalisation et que nous avons préparé le formulaire, regardons! Vous pouvez toujours prévisualiser le formulaire à partir du tableau de bord pour vous assurer qu’il ressemble à ce que vous voulez. Aperçu du nouveau formulaire créé. Après avoir cliqué sur publier, vous êtes prêt à commencer! Utilisez le formateur pour générer un code court. Vous pouvez le copier et le coller n’importe où sur le site Web où vous voulez que le formulaire apparaisse. Un exemple de code raccourci qui sera utilisé pour ajouter un formulaire. Le formateur enregistre tous les modules en un seul endroit. Une fois publié, le formulaire apparaît dans la zone du formulaire. Où se trouve le formulaire. Vous pouvez également modifier, vérifier les statistiques, copier des formulaires, exporter, etc. Plusieurs sites, quelqu’un? Avec 1.12, vous pouvez maintenant créer des enregistrements sur un réseau Multi – sites (yippe!). Oui, c’est vrai. Vous devez configurer plusieurs sites avant que cette option ne soit disponible. Une fois terminé, il est complété par le site principal. La première chose que vous devez faire est de créer un registre dans le tableau de bord du formateur (comme je l’a i mentionné précédemment). Ajoutez des champs de texte simples au nom du site et au titre du site. Nous vous recommandons ensuite d’aller à l’onglet inscription de l’utilisateur et d’activer l’option inscription du site. Tableau de bord du formateur pour la configuration du registre multisite. À partir de là, vous pouvez assigner des champs de formulaire, des titres de site et des rôles (par exemple, administrateur). Votre formulaire d’inscription est maintenant disponible sur votre réseau multisite. Prêt à vous connecter? Créer un formulaire de connexion est essentiellement le même que créer un formulaire de registre. La plus grande différence est
Ogin, en cartographiant les champs du module, en me rappelant les champs et en cachant le module lorsque l’utilisateur est connecté. Vous pouvez y modifier des fonctions de connexion spécifiques. Vous avez toutes les options pour le constructeur de registre et vous pouvez personnaliser la façon dont vous voulez. De plus, comme dans le registre (ou n’importe quel formulaire sur le formateur), vous pouvez le prévisualiser avant de le publier pour vous assurer que votre formulaire semble parfaitement adapté à vos besoins. Prévisualisez notre formulaire de connexion. Je ne te guiderai pas jusqu’au bout. Encore une fois, c’est comme créer un registre, sauf quelques petits détails dont je viens de parler. Ce ne sera qu’une question de création et d’adaptation pour vous. Votre utilisateur peut alors se connecter et votre formulaire de connexion WordPress est prêt à être utilisé. Mais pas tous les formiateurs… On ne peut pas s’arrêter là! Il y a d’autres améliorations au formateur 1.12. Parmi les nouveaux points saillants, mentionnons l’option hauteur du champ zone de texte. Sélecteur de couleurs rgba pour tous les sélecteurs, à l’exception des couches de texte. Amélioration de la logique de mise en page avant. Exigences relatives à l’objet et au corps de la notification par courriel. Testez les réponses en temps réel. Et plus encore! Comme vous pouvez le voir, le formateur 1.12 a vraiment amélioré ses performances de jeu depuis la dernière fois que vous l’avez vu. Ou, si c’est la première fois que vous la présentez, nous espérons qu’elle fera bonne impression. Vous savez peut – être déjà que formator Free et formator pro sont exactement les mêmes (Oui, nous l’avons conçu de cette façon), mais grâce à l’abonnement de développement wpmu, vous pouvez accéder à la nouvelle version de formator à l’avance, ainsi qu’à notre hébergement, Nos autres plugins primés et le support 24×7. 1.12 pas trop pour vous