Ou 101. Maintenant que nous comprenons le but des champs personnalisés, créons un formulaire de post invité avec des champs personnalisés.
Comment utiliser les champs personnalisés dans les messages des visiteurs WordPress dans ce tutoriel, nous allons personnaliser les formulaires de soumission des messages des visiteurs en utilisant les champs supplémentaires de wpforms. Enfin, nous vous montrerons comment visualiser les données de champ personnalisées. Installez les champs personnalisés avancés et le plug – in wpforms créez vos propres champs personnalisés dans ACF créez vos propres champs personnalisés créez vos propres formulaires de poste d’invité de première ligne ajoutez vos champs personnalisés au formulaire de publication d’invité ajoutez vos champs personnalisés à votre site utilisez elementor pour voir les champs personnalisés nous éditerons les fichiers WordPress importants plus tard Dans ce tutoriel. Avant de commencer, sauvegardez le site WordPress afin que les modifications puissent être facilement récupérées si nécessaire.
Bonjour D’abord, nous devons installer le plug – in. Étape 1: installez les champs personnalisés avancés et le plug – in wpforms wpforms afin que vous puissiez facilement obtenir des messages d’invités à l’avant du site. Pour ce tutoriel, nous avons besoin de wpforms pro ou plus tard. C’est parce que nous devons utiliser le plug – in Post commit pour obtenir les messages des invités. Le plug – in comprend les versions Elite et pro. Commençons par installer et activer le plugin wordpress wpforms. Si vous avez besoin d’aide pour cette étape, visitez ce guide de démarrage pour installer le plugin wordpress.
Ensuite, nous installons le plug – in Post submissions afin que vous puissiez accepter les messages des invités sans permettre aux auteurs d’accéder à l’arrière – plan WordPress. Dans le tableau de bord WordPress, cliquez sur wpforms \
R installez ACF et allez au plug – in ajouter un nouveau contenu. Trouvez maintenant les champs personnalisés avancés et cliquez sur le bouton Installer maintenant.
N’oubliez pas de cliquer sur Activer après l’installation du plug – in. C’est génial. Tout est prêt. Continuons à créer nos propres champs personnalisés. Étape 2: créer des champs personnalisés dans ACF nous devons maintenant créer des champs personnalisés dans WordPress. Dans cet exemple, nous utiliserons un champ personnalisé pour recueillir les noms de site des blogueurs invités. Nous avons installé un plug – in de champ personnalisé avancé (ACF) gratuit pour simplifier cette section. Pour commencer, examinez la barre latérale et cliquez sur le champ personnalisé ajouter un nouveau contenu. En haut, nommez le nouveau Groupe de champs. Peu importe ce que vous tapez ici, car il n’apparaîtra pas à l’avant.
Cliquez maintenant sur ajouter des champs pour commencer à créer vos propres champs personnalisés. Vous remarquerez que certaines options sont énumérées ci – dessous. Il n’est pas nécessaire de remplir tous ces éléments. Voici les 2 champs que nous utiliserons pour l’exemple: Étiquette de champ: nommez le nouveau champ. Type de champ: Nous utiliserons un champ texte simple, donc nous garderons ce paramètre comme texte. Vous remarquerez que le champ Nom du champ sera automatiquement rempli pour vous. Continuez et cliquez sur publier pour enregistrer le nouveau champ personnalisé. Comme vous pouvez le voir ici, le nouveau champ a été enregistré. Notez le nom du champ: vous en aurez besoin pour l’étape suivante.
Maintenant, nous pouvons créer un module de post invité pour l’avant du site. Étape 3: Créez votre propre formulaire de poste client de première ligne. À cette étape, nous ajouterons de nouveaux champs personnalisés au formulaire de soumission de poste client. Cela nous permettra de recueillir facilement plus d’informations auprès des blogueurs. Si vous n’avez pas encore de formulaire pour les messages soumis par les utilisateurs, cliquez sur wpforms \
Ou des fonctionnalités supplémentaires que nous avons ajoutées plus tôt. Continuez et remplissez le formulaire avec les entrées de test. Une fois soumis, nous pouvons afficher ce champ à l’avant du site. Étape 5: il existe de nombreuses façons différentes d’ajouter des champs personnalisés à un site Web pour afficher les données des champs personnalisés dans WordPress. Nous allons vous montrer quelques exemples simples. La première approche exige une certaine connaissance des fichiers thématiques WordPress. Avant d’aller plus loin, créez un sous – thème pour votre site Web et créez une sauvegarde en cas de problème. Dans tous ces exemples, nous utiliserons la fonction _ Field () dans les champs personnalisés avancés. Tout d’abord, nous modifions le modèle de poste individuel pour afficher les champs. Allez dans l’éditeur de sujets d’aspect. Nous avons ouvert un fichier de sujet appelé Single. Php. Le nom de ce fichier modèle peut être différent dans le sujet. Localisez un emplacement pour afficher les champs et Collez ce code. Voici un exemple très simple de démarrage:
Blog de l’auteur:
Changez le nom du champ author _ website name au nom du champ que vous avez créé. Lorsque vous enregistrez le fichier Template, vos champs sont affichés dans le journal où vous avez entré le Code. Vous pouvez également utiliser des champs personnalisés pour remplacer les informations dans un message. Par exemple, vous pouvez automatiquement changer le nom de l’auteur en un message avec le nom de l’auteur invité. Pour ce faire, nous avons créé un champ appelé Guest _ author et utilisé ce code pour changer le nom. Si vous essayez cette opération, il est recommandé d’utiliser le plug – in fragment au lieu d’éditer directement la fonction fichier. Php. Fonction Guest _ author Name ($name) {
Postes mondiaux en dollars;
$Author = get _ post Meta ($post – & gt; id, \
Si ($auteur)
$name = $author;
Renvoie $name;
}
Si cela semble un peu compliqué, nous vous montrerons bientôt une façon plus simple d’utiliser des champs personnalisés avec des éléments
A. Étape 6: visualiser les champs personnalisés à l’aide de l’élément avant de terminer le tutoriel sur l’utilisation des champs personnalisés dans les messages soumis par l’utilisateur, nous aimerions vous montrer rapidement comment afficher les champs personnalisés dans l’élément. Cette méthode vous permet de créer facilement des modèles avancés pour le contenu envoyé par les utilisateurs. Dans ce cas, il y a un bloc de texte vide dans l’élément. Cliquez sur l’icône en haut de cet écran appelée Dynamic Tags: Vous pouvez maintenant sélectionner les champs ACF et sélectionner les champs personnalisés que vous avez créés à l’étape 2. Maintenant, chaque fois que vous utilisez ce modèle d’élément, le contenu des champs personnalisés apparaît dans le post. Cela facilite la visualisation des données de champ personnalisées collectées dans les wpforms. Maintenant, créez un formulaire pour les messages envoyés par les utilisateurs Étape suivante: Obtenez plus de contributions pour les messages invités puisque vous avez configuré le formulaire de messages invités en utilisant des champs personnalisés, nous vous recommandons d’obtenir plus de contenu envoyé par les utilisateurs au site. Pour ce faire, consultez ces conseils pour en savoir plus sur la façon d’obtenir plus de messages de visiteurs sur votre blog. Prêt à construire le module? À partir d’aujourd’hui, créez des plugins en utilisant les modules WordPress les plus simples. Wpforms pro contient des ajouts après soumission et offre une garantie de remboursement de 14 jours. Si cet article est utile, suivez – nous sur Facebook et Twitter pour plus de tutoriels et de guides gratuits sur WordPress.