As aplica\u00e7\u00f5es para adicionar campos ACF ao front-end s\u00e3o muitas; voc\u00ea pode adicionar um formul\u00e1rio para criar e atualizar postagens, categorias ou usu\u00e1rios. Com algum c\u00f3digo, voc\u00ea pode at\u00e9 criar um formul\u00e1rio de contato geral onde as respostas s\u00e3o salvas como postagens de tipo de postagem personalizadas e o c\u00f3digo aciona notifica\u00e7\u00f5es por e-mail nas respostas do formul\u00e1rio. Assim como um formul\u00e1rio de contato normal. Usar a funcionalidade de formul\u00e1rio front-end do ACF para criar formul\u00e1rios e permitir que os visitantes criem ou editem o conte\u00fado do site sem fazer login s\u00e3o os usos comuns. Mas use isso com cautela. Isso abre facilmente para spam e abuso e, na pior das hip\u00f3teses, os visitantes podem destruir o conte\u00fado ou as configura\u00e7\u00f5es do seu site. Voc\u00ea deve, no m\u00ednimo, exigir que os visitantes fa\u00e7am login com usu\u00e1rios v\u00e1lidos para obter acesso a formul\u00e1rios que podem alterar o conte\u00fado cr\u00edtico do WordPress (perfil do usu\u00e1rio, postagens etc.).<\/p>\n
O que vamos fazer<\/h2>\n
Estou assumindo que o site WordPress definiu um conjunto de campos adicionais em usu\u00e1rios de uma fun\u00e7\u00e3o personalizada (‘ Estou mantendo isso bastante simples neste tutorial, ent\u00e3o n\u00e3o incluirei um exemplo de adi\u00e7\u00e3o de campos de perfil de usu\u00e1rio padr\u00e3o no WordPress (e-mail, senha, etc). Isso foge um pouco do escopo deste tutorial. S\u00f3 permitirei editar os campos ACF nesta p\u00e1gina de edi\u00e7\u00e3o de perfil.<\/p>\n Com o ACF, criei um grupo de campos com um conjunto de configura\u00e7\u00f5es para usu\u00e1rios membros:<\/p>\n E eu tenho um modelo de p\u00e1gina personalizado no meu tema que atualmente se parece com isso \u2013 no momento apenas um modelo de p\u00e1gina simples padr\u00e3o;<\/p>\n Na linha Resumindo, queremos adicionar esses campos em cada membro a essa p\u00e1gina de front-end personalizada:<\/p>\n Voc\u00ea precisa adicionar duas chamadas de fun\u00e7\u00e3o no modelo que deseja no formul\u00e1rio front-end; A fun\u00e7\u00e3o A Quando se trata de decidir quais campos mostrar, voc\u00ea normalmente fornece um grupo de campos (propriedade A segunda propriedade obrigat\u00f3ria que voc\u00ea precisa fornecer Primeiro adicionamos o Precisamos descobrir nosso ID de grupo de campos. Se voc\u00ea adicionou o grupo de campos por c\u00f3digo (tenho um post detalhado sobre como adicionar campos ACF por c\u00f3digo<\/a> ), voc\u00ea j\u00e1 forneceu um slug de grupo de campos. Voc\u00ea ent\u00e3o forneceria o slug para a member<\/code>‘) usando o ACF. Esses usu\u00e1rios n\u00e3o t\u00eam acesso de administrador, mas queremos oferecer a eles a possibilidade de editar seus campos personalizados em seu perfil. A solu\u00e7\u00e3o que optei \u00e9 criar um template de p\u00e1gina customizado para atualiza\u00e7\u00e3o do perfil, apenas mostrando o formul\u00e1rio se estiverem logados e com a fun\u00e7\u00e3o correta.<\/p>\n![\"Como](\"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>verificamos se o usu\u00e1rio atual est\u00e1 logado e tem o papel personalizado member<\/code>. Altere a fun\u00e7\u00e3o ou regra m\u00ednima para o que voc\u00ea deseja permitir neste formul\u00e1rio de front-end. Apenas lembre-se de que mesmo o papel mais baixo no WordPress, subscriber<\/code>, tem acesso \u00e0 edi\u00e7\u00e3o de seu perfil no painel de administra\u00e7\u00e3o.<\/p>\n![\"Como](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152752-61e4fa37478d8.png\")
<\/a><\/p>\nComo os formul\u00e1rios front-end do ACF funcionam<\/h2>\n
[acf_form_head](https:\/\/www.advancedcustomfields.com\/resources\/acf_form_head\/)()<\/code>e [acf_form](https:\/\/www.advancedcustomfields.com\/resources\/acf_form\/)()<\/code>.<\/p>\nacf_form_head()<\/code>deve ser colocada no topo do seu modelo, antes de qualquer sa\u00edda. Normalmente em um modelo isso significa antes [get_header](https:\/\/developer.wordpress.org\/reference\/functions\/get_header\/)()<\/code>. A chamada de fun\u00e7\u00e3o garante que todos os scripts e estilos sejam adicionados para que os campos ACF sejam renderizados corretamente, assim como todas as funcionalidades para processamento, valida\u00e7\u00e3o e envio de trabalho. N\u00e3o precisamos adicionar nenhum par\u00e2metro a esta fun\u00e7\u00e3o.<\/p>\nacf_form()<\/code>fun\u00e7\u00e3o \u00e9 aquela que renderiza o formul\u00e1rio front-end e deve ser colocada onde voc\u00ea deseja que o formul\u00e1rio apare\u00e7a. Ele aceita uma variedade de configura\u00e7\u00f5es. Precisamos informar no m\u00ednimo quais campos ou grupos mostrar e onde salv\u00e1-los.<\/p>\nfield_groups<\/code>). Mas a acf_form()<\/code>fun\u00e7\u00e3o tamb\u00e9m suporta o fornecimento de campos \u00fanicos espec\u00edficos (propriedade fields<\/code>). Voc\u00ea tamb\u00e9m pode fornecer v\u00e1rios campos ou grupos de campos para combin\u00e1-los no mesmo formul\u00e1rio. Devido a isso field_groups<\/code>espera uma matriz. Portanto, mesmo que voc\u00ea queira mostrar apenas um grupo de campos, precisar\u00e1 fornecer esse ID ou slug dentro de uma matriz.<\/p>\nacf_form()<\/code>\u00e9 de onde os dados devem ser carregados e onde eles devem ser salvos, na propriedade post_id<\/code>. N\u00e3o se deixe enganar pelo nome ‘post’. As regras para post_id<\/code>s\u00e3o as mesmas quando voc\u00ea usa get_field()<\/code>, se estiver familiarizado com o trabalho com o ACF antes. Se os campos forem para uma postagem (postagem, p\u00e1gina, postagem de tipo de postagem personalizada), voc\u00ea s\u00f3 precisa fornecer o ID aqui. Mas se voc\u00ea quiser carregar e atualizar dados sobre usu\u00e1rios, siga este formato: user_{user ID}<\/code>. Da mesma forma com campos para uma categoria: category_{category ID}<\/code>. Confira todas as regras sob o t\u00edtulo "Obter um valor de objetos diferentes" na documenta\u00e7\u00e3o do ACF emget_field()<\/code><\/a>.<\/p>\nAdicionando o formul\u00e1rio front-end do ACF ao nosso modelo<\/h2>\n
acf_form_head()<\/code>no topo, logo antes get_header()<\/code>\u2013 mas depois da declara\u00e7\u00e3o do template de p\u00e1gina (line #3<\/code>). Ent\u00e3o, no local onde queremos renderizar o formul\u00e1rio, adicionamos acf_form()<\/code>duas propriedades.<\/p>\nfield_groups<\/code>propriedade, em uma matriz. Se voc\u00ea adicionou o grupo de campos no painel de administra\u00e7\u00e3o, voc\u00ea precisa abrir o grupo no navegador e verificar a URL. Estamos interessados \u200b\u200bno ID que aparece depois de ” ?post=<\/code>“:<\/p>\n
![\"Como](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152752-61e4fa3a1621b.png\")
<\/a><\/p>\n