Les applications pour ajouter des champs ACF au front-end sont nombreuses ; vous pouvez ajouter un formulaire pour cr\u00e9er et mettre \u00e0 jour des publications, des cat\u00e9gories ou des utilisateurs. Avec du code, vous pouvez m\u00eame cr\u00e9er un formulaire de contact g\u00e9n\u00e9ral o\u00f9 les r\u00e9ponses sont enregistr\u00e9es en tant que messages de type de publication personnalis\u00e9s et le code d\u00e9clenche des notifications par e-mail sur les r\u00e9ponses au formulaire. Tout comme un formulaire de contact normal. L’utilisation de la fonctionnalit\u00e9 de formulaire frontal ACF pour cr\u00e9er des formulaires et permettre aux visiteurs de cr\u00e9er ou de modifier le contenu du site sans se connecter sont les utilisations courantes. Mais utilisez-le avec prudence. Cela s’ouvre facilement au spam et aux abus, et dans le pire des cas, les visiteurs peuvent d\u00e9truire le contenu ou les param\u00e8tres de votre site. Vous devriez au moins exiger que les visiteurs se connectent avec des utilisateurs valides afin d’acc\u00e9der aux formulaires qui peuvent modifier le contenu critique de WordPress (profil utilisateur, publications, etc.).<\/p>\n
Ce que nous ferons<\/h2>\n
Je suppose que le site WordPress a d\u00e9fini un ensemble de champs suppl\u00e9mentaires sur les utilisateurs d’un r\u00f4le personnalis\u00e9 (‘ Je vais le garder assez simple dans ce tutoriel donc je n’inclurai pas d’exemple d’ajout des champs de profil utilisateur standard dans WordPress (email, mot de passe, etc.). Cela sort un peu du cadre de ce tutoriel. J’autoriserai uniquement la modification des champs ACF sur cette page de profil de modification.<\/p>\n Avec ACF, j’ai cr\u00e9\u00e9 un groupe de champs avec un ensemble de param\u00e8tres pour les utilisateurs membres\u00a0:<\/p>\n Et j’ai un mod\u00e8le de page personnalis\u00e9 dans mon th\u00e8me qui ressemble actuellement \u00e0 ceci – pour le moment, il ne s’agit que d’un mod\u00e8le de page simple et standard\u00a0;<\/p>\n \u00c0 la ligne, Donc, en bref, nous voulons ajouter ces champs sur chaque membre sur cette page frontale personnalis\u00e9e :<\/p>\n Vous devez ajouter deux appels de fonction dans le mod\u00e8le dont vous voulez le formulaire frontal\u00a0; La fonction La Lorsqu’il s’agit de d\u00e9cider quels champs afficher, vous fournissez g\u00e9n\u00e9ralement un groupe de champs (propri\u00e9t\u00e9 La deuxi\u00e8me propri\u00e9t\u00e9 obligatoire que vous devez fournir au formulaire Nous ajoutons Nous devons trouver notre ID de groupe de champs. Si vous avez ajout\u00e9 le groupe de champs par code (j’ai un article qui explique en d\u00e9tail comment ajouter des champs ACF par code<\/a> ), vous avez d\u00e9j\u00e0 fourni un slug de groupe de champs. Vous fournissez ensuite le slug \u00e0 la member<\/code>‘) \u00e0 l’aide d’ACF. Ces utilisateurs n’ont pas du tout d’acc\u00e8s administrateur, mais nous voulons leur offrir la possibilit\u00e9 de modifier leurs champs personnalis\u00e9s sur leur profil. La solution que j’ai choisie consiste \u00e0 cr\u00e9er un mod\u00e8le de page personnalis\u00e9 pour mettre \u00e0 jour leur profil, en n’affichant le formulaire que s’ils sont connect\u00e9s et ont le bon r\u00f4le.<\/p>\n![\"Comment](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152752-61e4fa3424bfa.png\")
<\/a><\/p>\n<?php \n\/* Template Name: ACF Profile Page *\/\nget_header(); ?>\n<main class=\"content\">\n <?php if (have_posts()) { \n while (have_posts()): the_post(); ?>\n <article id=\"post-<?php the_ID() ?>\" <?php post_class(); ?>>\n <h2 class=\"page-title\"><?php the_title(); ?><\/h2>\n <?php the_content(''); ?>\n <?php \n if (is_user_logged_in() && current_user_can('member')) {\n \/\/ Profile settings here\n }\n ?>\n <\/article>\n <?php endwhile;\n } ?>\n<\/main>\n<?php \nget_sidebar();\nget_footer();<\/code><\/pre>\n#11<\/code>nous v\u00e9rifions si l’utilisateur actuel est connect\u00e9 et a le r\u00f4le personnalis\u00e9 member<\/code>. Modifiez le r\u00f4le ou la r\u00e8gle minimale pour ce que vous souhaitez autoriser pour ce formulaire frontal. N’oubliez pas que m\u00eame le r\u00f4le le plus bas dans WordPress, subscriber<\/code>, a acc\u00e8s \u00e0 la modification de son profil dans le panneau d’administration.<\/p>\n![\"Comment](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152752-61e4fa37478d8.png\")
<\/a><\/p>\nFonctionnement des formulaires frontaux ACF<\/h2>\n
[acf_form_head](https:\/\/www.advancedcustomfields.com\/resources\/acf_form_head\/)()<\/code>et [acf_form](https:\/\/www.advancedcustomfields.com\/resources\/acf_form\/)()<\/code>.<\/p>\nacf_form_head()<\/code>doit \u00eatre plac\u00e9e tout en haut de votre mod\u00e8le, avant toute sortie. Habituellement, dans un mod\u00e8le, cela signifie avant [get_header](https:\/\/developer.wordpress.org\/reference\/functions\/get_header\/)()<\/code>. L’appel de fonction s’assure que tous les scripts et styles sont ajout\u00e9s afin que les champs ACF soient rendus correctement, ainsi que toutes les fonctionnalit\u00e9s de traitement, de validation et de soumission du travail. Nous n’avons pas besoin d’ajouter de param\u00e8tres \u00e0 cette fonction.<\/p>\nacf_form()<\/code>fonction est celle qui rend le formulaire frontal et doit \u00eatre plac\u00e9e l\u00e0 o\u00f9 vous souhaitez que le formulaire apparaisse. Il accepte un tableau de param\u00e8tres. Nous devons au minimum indiquer quels champs ou groupes afficher et o\u00f9 les enregistrer.<\/p>\nfield_groups<\/code>). Mais la acf_form()<\/code>fonction prend \u00e9galement en charge la fourniture de champs uniques sp\u00e9cifiques (propri\u00e9t\u00e9 fields<\/code>). Vous pouvez \u00e9galement fournir plusieurs champs ou groupes de champs pour les combiner dans le m\u00eame formulaire. \u00c0 cause de cela field_groups<\/code>attend un tableau. Ainsi, m\u00eame si vous ne souhaitez afficher qu’un seul groupe de champs, vous devez fournir cet ID ou ce slug dans un tableau.<\/p>\nacf_form()<\/code>est l’endroit \u00e0 partir duquel les donn\u00e9es doivent \u00eatre charg\u00e9es et o\u00f9 elles doivent \u00eatre enregistr\u00e9es, dans la propri\u00e9t\u00e9 post_id<\/code>. Ne vous laissez pas berner par le nom \u00abposte \u00bb. Les r\u00e8gles pour post_id<\/code>sont les m\u00eames lorsque vous utilisez get_field()<\/code>, si vous \u00eates habitu\u00e9 \u00e0 travailler avec ACF auparavant. Si les champs sont destin\u00e9s \u00e0 une publication (publication, page, publication de type de publication personnalis\u00e9e), vous n’avez qu’\u00e0 fournir l’ID ici. Mais si vous souhaitez charger et mettre \u00e0 jour des donn\u00e9es sur les utilisateurs, vous devez suivre ce format\u00a0: user_{user ID}<\/code>. De m\u00eame avec les champs pour une cat\u00e9gorie: category_{category ID}<\/code>. Consultez toutes les r\u00e8gles sous la rubrique "Obtenir une valeur \u00e0 partir de diff\u00e9rents objets" dans la documentation d’ACF surget_field()<\/code><\/a>.<\/p>\nAjout du formulaire frontal ACF \u00e0 notre mod\u00e8le<\/h2>\n
acf_form_head()<\/code>d’abord le tout en haut, juste avant get_header()<\/code>– mais apr\u00e8s la d\u00e9claration du mod\u00e8le de page (ligne #3<\/code>). Ensuite, \u00e0 l’endroit o\u00f9 nous voulons rendre le formulaire, nous ajoutons acf_form()<\/code>deux propri\u00e9t\u00e9s.<\/p>\nfield_groups<\/code>propri\u00e9t\u00e9, dans un tableau. Si vous avez ajout\u00e9 le groupe de champs dans le panneau d’administration, vous devez ouvrir le groupe dans le navigateur et v\u00e9rifier l’URL. Nous sommes int\u00e9ress\u00e9s par l’identifiant qui appara\u00eet apr\u00e8s " ?post=<\/code>"\u00a0:<\/p>\n
![\"Comment](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152752-61e4fa3a1621b.png\")
<\/a><\/p>\n