Las aplicaciones para agregar campos ACF al front-end son muchas; puede agregar un formulario para crear y actualizar publicaciones, categor\u00edas o usuarios. Con alg\u00fan c\u00f3digo, incluso puede crear un formulario de contacto general donde las respuestas se guardan como publicaciones personalizadas y el c\u00f3digo activa notificaciones por correo electr\u00f3nico en las respuestas del formulario. Como un formulario de contacto normal. Los usos comunes son el uso de la funcionalidad de formulario frontal de ACF para crear formularios y permitir que los visitantes creen o editen contenido del sitio sin iniciar sesi\u00f3n. Pero usa esto con precauci\u00f3n. Esto se abre f\u00e1cilmente para el spam y el abuso, y en el peor de los casos, los visitantes pueden destruir el contenido o la configuraci\u00f3n de su sitio. Como m\u00ednimo, debe solicitar a los visitantes que inicien sesi\u00f3n con usuarios v\u00e1lidos para obtener acceso a formularios que pueden alterar el contenido cr\u00edtico de WordPress (perfil de usuario, publicaciones, etc.).<\/p>\n
que haremos<\/h2>\n
Supongo que el sitio de WordPress ha definido un conjunto de campos adicionales en los usuarios de un rol personalizado (‘ Lo mantengo bastante simple en este tutorial, por lo que no incluir\u00e9 un ejemplo de c\u00f3mo agregar los campos de perfil de usuario est\u00e1ndar en WordPress (correo electr\u00f3nico, contrase\u00f1a, etc.). Eso cae un poco fuera del alcance de este tutorial. Solo permitir\u00e9 editar los campos ACF en esta p\u00e1gina de edici\u00f3n de perfil.<\/p>\n Con ACF, he creado un grupo de campo con un conjunto de configuraciones para los usuarios miembros:<\/p>\n Y tengo una plantilla de p\u00e1gina personalizada en mi tema que actualmente se parece a esto: en este momento, solo una plantilla de p\u00e1gina \u00fanica est\u00e1ndar simple;<\/p>\n En l\u00ednea En resumen, queremos agregar estos campos en cada miembro en esa p\u00e1gina de inicio personalizada:<\/p>\n Debe agregar dos llamadas de funci\u00f3n en la plantilla en la que desea el formulario de front-end; La funci\u00f3n La Cuando se trata de decidir qu\u00e9 campos mostrar, normalmente proporciona un grupo de campos (propiedad La segunda propiedad requerida que debe proporcionar en el formulario Primero agregamos Necesitamos averiguar nuestro ID de grupo de campo. Si agreg\u00f3 el grupo de campos por c\u00f3digo (tengo una publicaci\u00f3n que profundiza sobre c\u00f3mo agregar campos ACF por c\u00f3digo<\/a> ), ya ha proporcionado un slug de grupo de campos. Luego, proporcionar\u00eda el slug a la member<\/code>‘) usando ACF. Estos usuarios no tienen acceso de administrador, pero queremos ofrecerles la posibilidad de editar sus campos personalizados en su perfil. La soluci\u00f3n por la que opt\u00e9 es crear una plantilla de p\u00e1gina personalizada para actualizar su perfil, que solo muestra el formulario si est\u00e1 conectado y tiene el rol correcto.<\/p>\n![\"C\u00f3mo](\"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>comprobamos si el usuario actual est\u00e1 conectado y tiene el rol personalizado member<\/code>. Cambie el rol o la regla m\u00ednima a lo que quiera permitir para este formulario de front-end. Solo recuerda que incluso el rol m\u00e1s bajo en WordPress subscriber<\/code>, tiene acceso para editar su perfil en el panel de administraci\u00f3n.<\/p>\n![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152752-61e4fa37478d8.png\")
<\/a><\/p>\nC\u00f3mo funcionan los formularios front-end de ACF<\/h2>\n
[acf_form_head](https:\/\/www.advancedcustomfields.com\/resources\/acf_form_head\/)()<\/code>y [acf_form](https:\/\/www.advancedcustomfields.com\/resources\/acf_form\/)()<\/code>.<\/p>\nacf_form_head()<\/code>debe colocarse en la parte superior de su plantilla, antes de cualquier salida. Por lo general, en una plantilla esto significa antes [get_header](https:\/\/developer.wordpress.org\/reference\/functions\/get_header\/)()<\/code>. La llamada a la funci\u00f3n se asegura de que se agreguen todos los scripts y estilos para que los campos ACF se representen correctamente, as\u00ed como toda la funcionalidad para procesar, validar y enviar el trabajo. No necesitamos agregar ning\u00fan par\u00e1metro a esta funci\u00f3n.<\/p>\nacf_form()<\/code>funci\u00f3n es la que representa el formulario front-end y debe colocarse donde desea que aparezca el formulario. Acepta una variedad de configuraciones. Necesitamos como m\u00ednimo informar sobre qu\u00e9 campos o grupos mostrar y d\u00f3nde guardarlos.<\/p>\nfield_groups<\/code>). Pero la acf_form()<\/code>funci\u00f3n tambi\u00e9n admite proporcionar campos individuales espec\u00edficos (propiedad fields<\/code>). Tambi\u00e9n puede proporcionar varios campos o grupos de campos para combinarlos en el mismo formulario. Debido a esto field_groups<\/code>espera una matriz. Entonces, incluso si solo desea mostrar un grupo de campos, debe proporcionar esa ID o slug dentro de una matriz.<\/p>\nacf_form()<\/code>es desde d\u00f3nde se deben cargar los datos y d\u00f3nde se deben guardar, en la propiedad post_id<\/code>. No se deje enga\u00f1ar por el nombre ‘post’. Las reglas para post_id<\/code>son las mismas cuando usa get_field()<\/code>, si est\u00e1 familiarizado con el trabajo con ACF desde antes. Si los campos son para una publicaci\u00f3n (publicaci\u00f3n, p\u00e1gina, publicaci\u00f3n de tipo de publicaci\u00f3n personalizada), solo necesita proporcionar la identificaci\u00f3n aqu\u00ed. Pero si desea cargar y actualizar datos sobre los usuarios, debe seguir este formato: user_{user ID}<\/code>. Del mismo modo con los campos de una categor\u00eda: category_{category ID}<\/code>. Consulte todas las reglas bajo el encabezado "Obtener un valor de diferentes objetos" en la documentaci\u00f3n de ACF enget_field()<\/code><\/a>.<\/p>\nAdici\u00f3n del formulario de front-end de ACF a nuestra plantilla<\/h2>\n
acf_form_head()<\/code>en la parte superior, justo antes get_header()<\/code>, pero despu\u00e9s de la declaraci\u00f3n de plantilla de p\u00e1gina (l\u00ednea #3<\/code>). Luego, en el lugar donde queremos representar el formulario, agregamos acf_form()<\/code>dos propiedades.<\/p>\nfield_groups<\/code>propiedad, en una matriz. Si agreg\u00f3 el grupo de campo en el panel de administraci\u00f3n, debe abrir el grupo en el navegador y verificar la URL. Nos interesa el ID que aparece despu\u00e9s de \u00bb ?post=<\/code>\u00ab:<\/p>\n
![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152752-61e4fa3a1621b.png\")
<\/a><\/p>\n