Neste tutorial, mostrarei como usar as visualizações do ACF; uma maneira muito fácil de exibir campos personalizados do ACF no front-end do seu site WordPress.
O WordPress oferece opções aos desenvolvedores no que diz respeito aos campos personalizados, mas se você estiver procurando por maior usabilidade, o ACF (Advanced Custom Fields) é o plug-in que você precisa.
O ACF Views é um plugin gratuito, mas a versão Pro desbloqueia todos os tipos de recursos extras (use o código promocional envair quando você finalizar a compra com 20% de desconto!)
Como exibir campos ACF em seu front-end do WordPress
Existem duas maneiras de fazer isso: primeiro usando o código PHP e, em segundo lugar (a opção mais fácil) usando o plug-in ACF Views. Vamos começar com o PHP:
Exibir campos ACF usando PHP
Para os propósitos desta demonstração, instalei o ACF e criei algum conteúdo de demonstração. Eu tenho um grupo ACF chamado Extras de página. Graças a uma condição que configurei, quaisquer campos personalizados dentro deste grupo só são visíveis se o tipo de postagem for “página”.
Se eu for agora Páginas no administrador do WordPress e abro uma página de amostra, verei esse grupo de campos abaixo do editor de conteúdo. Como você pode ver na captura de tela acima, há um campo neste caso “Legenda da página”, e podemos dar a ele o valor textual que quisermos.
Se visitarmos o front-end do site agora e essa página de amostra especificamente, não veremos o valor que acabamos de inserir. Para que isso aconteça, precisamos fazer alguma codificação.
Em nosso template page.php, podemos adicionar o seguinte:
Nesse caso page_subtitle é o nome do nosso campo personalizado. Agora, o valor do que salvarmos como legenda da nossa página será exibido onde colocamos este trecho de código.
Exibir campos ACF usando o plug-in ACF Views para WordPress
Como vimos, é perfeitamente possível exibir o conteúdo do ACF usando código. Mas você precisa saber os trechos de código corretos, onde colocá-los e exatamente como cada campo é chamado. Se você não está acostumado a codificar, talvez prefira um método mais fácil.
É aí que entra o ACF Views!
Para usar o plug-in ACF Views, você precisa ter o plug-in Advanced Custom Fields instalado. Certifique-se de que ambos sejam plugins ativos.
Vá para as opções de visualizações do ACF
Em seu administrador do WordPress vá para Visualizações ACF, e aqui você pode criar novas visualizações. No meu caso, você verá que já criei 2 visualizações:
vou clicar no Extras de página view para ver mais detalhes sobre ele.
Detalhes da visualização do ACF
Na minha visualização de extras da página (que pode ser chamada do que quisermos, a propósito), você verá que eu a vinculei ao Extras de página grupo de campos personalizados que defini anteriormente.
Abaixo disso, eu vinculo o campo personalizado que quero exibir (o campo de legenda da página neste caso) e clico Salvarou Atualizar.
A magia dos códigos de acesso
Feito isso, você verá uma seleção de códigos de acesso exibidos à direita, que você pode usar para exibir os dados do campo. Copie o que você precisar e vá para editar a página em que deseja enviar o conteúdo.
Aqui adicionamos um bloco de código de acesso no editor WordPress Gutenberg e colamos o valor.
Fácil! E tudo feito sem escrever uma única linha de código.
Conclusão
O ACF Views é uma ótima maneira sem código de trabalhar com campos personalizados avançados no WordPress. Não se esqueça de usar o código promocional envair ao finalizar a compra com 20% de desconto na versão Pro!
