O que são Advanced Custom Fields (ACF) em WordPress e para que preciso dele?

Michael Hörnlimann Última atualização em 21.10.2020
6 min.
advanced custom fields wordpress
Última atualização em 21.10.2020

"Você não sabe Advanced Custom Fields ? Sem a ACF, eu definitivamente não usaria mais o WordPress ." Isto foi o que um colega me escreveu via Slack há algumas semanas atrás. No entanto, ele é um desenvolvedor, eu sou um designer. No entanto, o mais tardar nesta altura, percebi que devia (e queria) lidar com isso.

O que são Advanced Custom Fields?

WordPress já oferece uma vasta gama de funções. Com o Advanced Custom Fields você pode expandir ainda mais estas funções - na versão padrão gratuitamente. Eles permitem-lhe um controlo total sobre o conteúdo do seu site.

Por padrão, encontramos campos típicos como título, conteúdo, data e autor no backend para posts e páginas. Advanced Custom Fields , ou o abaixo mencionado Plugin, dá-lhe a possibilidade de estender WordPress e assim páginas e posts praticamente de forma arbitrária e individual.

Assim, com WordPress quase tudo é possível - Advanced Custom Fields quase como afinação para WordPress .

Para que preciso do Advanced Custom Fields , afinal?

Em poucas palavras: Você provavelmente precisa do Advanced Custom Fields quando estiver preso aos elementos de bordo no backend WordPress . Você está diante de um desafio que não pode ser realizado, ou apenas parcialmente, com a ajuda de páginas ou posts.

Dependendo dos desejos do cliente, isto pode acontecer relativamente rápido. Se você mesmo é um web designer, isto certamente também é familiar para você.

No meu caso, por exemplo, fui autorizado a construir uma pesquisa com critérios de filtragem. Não uma simples pesquisa de texto, que pesquisa todo o site por conteúdo adequado, mas uma pesquisa onde dados específicos podem ser inseridos através de um formulário de antemão. O usuário tem diferentes critérios de filtragem à sua disposição. Entre outras, estas são:

  • Nome (campo de texto)
  • Código postal (campo de texto)
  • País (dropdown)
  • Certificados (caixa de seleção)

Mas mais sobre isso mais tarde. Este caso de uso deu-me a ideia de usar Advanced Custom Fields (ACF). Tal busca individual simplesmente não é possível com os elementos do quadro WordPress sem ACF.

Advanced Custom Fields: O livre Plugin

Então eu estava procurando uma solução para implementar esta busca por filtro com a ajuda do Advanced Custom Fields .

O epônimo Plugin no diretório oficial WordPress -Plugin- vem de Elliot Condon. O australiano trabalha muito ativamente sobre ele e o desenvolve constantemente, para que novas funções apareçam de novo e de novo. Se você quiser estar perto da ação, você pode seguir a ACF no Twitter.

Se você já foi corajoso e conta totalmente com o editor de blocos introduzido desde WordPress 5.0 (Gutenberg), também há blocos para o novo editor em Advanced Custom Fields .

O ACF Plugin está atualmente ativo em mais de 1 milhão de sites. É testado de forma muito intensa e funciona sem falhas com a última versão WordPress . Também impressionante é que o Plugin já recebeu mais de 1.000 classificações com 5 estrelas. Em contraste, há 16 revisões com apenas uma estrela - o mais provável é que os usuários tenham desistido após um tempo (muito) curto.

Com um tal Plugin é claro: requer algum tempo e paciência até que você entenda a aplicação. Claro, eu só arranhei a superfície do Advanced Custom Fields . Eu só quero expressar que existem outros Plugins que você instala e depois eles funcionam confortavelmente em segundo plano - com ACF é diferente. Você tem que projetar e ver ativamente a conexão geral entre base de dados, backend e frontend.

O que também é indispensável para isto Plugin, que é bastante técnico: o apoio.

Eu próprio ainda não tive de usar isto. O motivo é simples: A documentação de primeira classe, que abrange tipos de campo, funções, filtros e FAQ.

O que são Custom Post Types?

Há pouco mencionei que o desenho activo é necessário. Isto também significa em Advanced Custom Fields que, em certos casos, apenas estes não são muito úteis para si. Apenas em combinação com Tipos de Postos Personalizados você obtém mais opções.

Primeiro surge a questão: O que é um tipo de posto (normal)?

Os dois mais populares em WordPress são páginas e posts em blogs. Então, para cada novo conteúdo a ser criado para um site, você decide qual o tipo de post mais apropriado. Isso depende de vários fatores, incluindo como você quer que a informação seja visível e quais campos você precisa para ela no backend.

Mas e quando você quer fornecer conteúdo que não pode ser coberto por uma página ou postagem normal?

Você já deve ter adivinhado: você precisa de uma nova maneira de adicionar conteúdo ao backend. Uma espécie de máscara de entrada com exatamente os campos que você precisa. Eles podem Advanced Custom Fields oferecer-lhe isso. A forma acima mencionada com o mesmo plugin nome permite definir e criar estes campos confortavelmente no backend. Uma vez criada esta estrutura, vem o próximo passo.

advanced custom fields campos próprios
No backend do ACF Plugins você pode definir facilmente os campos.

É aqui que os Tipos de Postos Personalizados entram em jogo. É muito importante saber que faz sentido criar um tipo de post personalizado para o uso de Advanced Custom Fields . No meu caso, eu chamo simplesmente de CPT (Custom Post Type) .

Naturalmente, você também pode programar o Tipo de Posto Personalizado você mesmo. No entanto, usei o Plugin "Custom Post Type UI" para isso, que explicarei com mais detalhes na próxima seção.

criação de tipo de poste personalizado
Este é o aspecto do back-end do Plugins "Custom Post Type UI".

Tipo de postagem personalizada UI: Grátis Plugin, a segunda

Se até agora isso foi mágico demais para você só com o Advanced Custom Fields (ACF), aqui vem o melhor: ACF em combinação com o Custom Post Type UI, curto CPT UI.

Isso permite exibir o conteúdo da base de dados diretamente no frontend, conforme desejado. No meu caso, eu me deparei com o desafio de querer construir um filtro de busca com campos diferentes. Então primeiro tive que carregar todos os dados para o backend usando uma importação CSV.

Depois disso, eu construí a base para a pesquisa do filtro no frontend com a ajuda do Tipo de Posto Personalizado e do Advanced Custom Fields . Mais sobre isto na próxima secção.

combinação personalizada de tipo acf
Por exemplo, o seu novo Tipo de Postagem Personalizada pode parecer-se com isto.

Exemplo prático: Construindo uma pesquisa com critérios de filtragem

Lá se vai a parte de trás. Agora é a hora do frontend. Para que você possa aplicar tudo isso e usar o indivíduo Advanced Custom Fields para o seu caso.

Eu usei o ACF para construir uma pesquisa personalizada com critérios de filtro. No entanto, como é possível apresentar o conteúdo do backend elegantemente no frontend para que a interação do usuário seja possível?

Mais uma vez, você tem a escolha entre desenvolver você mesmo e usar Plugin. Procurei novamente durante muito tempo por um bom ajudante e finalmente encontrei "Search & Filter Pro" (está ligado no final do texto).

Isso me dá uma maneira engenhosa de usar os dados disponíveis no back-end para exibição no frontend. No meu exemplo, estes são:

  • Pesquisa (campo de pesquisa normal)
  • Post Meta (acesse e pesquise o Campo Personalizado Avançado relevante no banco de dados)
  • Botão Submeter (botão para submeter a consulta ou formulário de pesquisa)

Na parte de trás isto pode parecer-se com isto:

backend de busca e filtro pro
Com o Plugin "Search & Filter Pro" você pode criar uma pesquisa individual com critérios de filtro.

Podes depois usar o shortcode para inserir a pesquisa de filtro que acabaste de criar em qualquer lugar do backend (por exemplo, numa página).

No entanto, você verá que isto ainda vai parecer um pouco pouco pouco pouco atraente. Eu melhorei isso com alguns cabos CSS e acho que o resultado no frontend é bastante respeitável:

exemplo prático de acf

Ligações complementares

Estou entusiasmado por ver o que mais posso implementar com Advanced Custom Fields no futuro. Você tem alguma pergunta ou comentário sobre este artigo? Se assim for, fico feliz por receber muito feedback.

Imagem: Shane Aldendorff | Unsplash

O Michael Hörnlimann nasceu em 1991 em Zurique, ama a natureza e a boa comida. Desde abril de 2018 que trabalha exclusivamente de forma independente e cria sites WordPress para clientes. Desde então, ele tem aliado o trabalho à sua grande paixão, viajando para países e conhecendo culturas estrangeiras. Ele vive e trabalha a partir de qualquer lugar, às vezes nas montanhas, às vezes à beira-mar.

Artigos relacionados

Comentários sobre este artigo

Escreve um comentário

O teu endereço de e-mail não será publicado. Os campos obrigatórios estão marcados com *.