Em que estão (ACFAdvanced Custom Fields) WordPress e para que preciso deles?

Michael Hörnlimann Última atualização em 21.10.2020
6 min.
Advanced Custom Fields wordpress
Última atualização em 21.10.2020

"Você Advanced Custom Fields não sabe? Sem a ACF, eu WordPress definitivamente não usaria mais". Um colega meu enviou-me isto há Slack umas semanas atrás. Ele é um desenvolvedor, eu sou um designer. Mas o mais tardar nesta altura percebi que devia (e queria) lidar com isso.

O que sãoAdvanced Custom Fields?

WordPress por si só já oferece uma vasta gama de funções. Com elas você Advanced Custom Fieldspode ampliar 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 artigos e páginas. Advanced Custom FieldsO backend, respectivamente o mencionado Pluginabaixo, dá-lhe a possibilidade de WordPress estender páginas e artigos individualmente e praticamente à vontade.

Isso é com WordPress tão bom quanto tudo o possível - Advanced Custom Fieldsquase tão bom quanto a afinação para WordPress .

Para que preciso eu, Advanced Custom Fieldsafinal?

Em resumo: Você Advanced Custom Fieldsprovavelmente precisará usar os elementos da placa no WordPress backend se você ficar preso. Você está enfrentando um desafio que não pode ou só pode ser realizado parcialmente com a ajuda de páginas ou contribuições.

Isto pode ser feito relativamente rápido, dependendo das necessidades do cliente. Se você mesmo é um web designer, isto também pode parecer familiar para você.

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

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

Mais sobre isto mais tarde. Este caso de uso deu-me a ideia de usar (ACFAdvanced Custom Fields). Tal busca individual simplesmente não é possível com elementos WordPress embarcados sem ACF.

Advanced Custom FieldsO livre Plugin

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

O epônimo Plugin no oficial WordPress -Plugin-directório foi escrito por Elliot Condon. O australiano trabalha muito activamente e está constantemente a desenvolvê-lo, para que novas funções apareçam sempre de novo. Se você quiser estar muito perto da ação, você pode Siga a ACF no Twitter.

Se você já foi corajoso e confia totalmente no block editor (Gutenberg) introduzido na versão 5WordPress .0, também existem Advanced Custom Fieldsblocos para o novo editor.

A ACF Plugin está actualmente activo em mais de 1 milhão de websites. É testado de forma muito intensa e funciona perfeitamente com a versão mais recenteWordPress . Também impressionante é que o Plugin já recebeu mais de 1.000 classificações de 5 estrelas. Isto se compara a 16 revisões com apenas uma estrela - provavelmente usuários que desistiram após um tempo (muito) curto.

Com um destesPlugin, é claro que leva algum tempo e paciência para compreender a aplicação. Claro, eu também só Advanced Custom Fieldsarranhei a superfície de. Eu só quero expressar que existem outros Pluginsque você instala e depois eles trabalham confortavelmente em segundo plano - isso é diferente com ACF. Você tem que projetar e reconhecer ativamente a conexão geral entre a base de dados, backend e frontend.

O que também é indispensável com istoPlugin, que é bastante técnico, é o apoio.

Ainda não tive de ser eu a reclamar isto. A razão é muito simples: A documentação de primeira classeque trata de tipos de campo, funções, filtros e FAQ.

O que são tipos de correio personalizados?

Eu tinha mencionado anteriormente que um desenho activo é necessário. Isto Advanced Custom Fieldstambém significa que, em certos casos, apenas estes não lhe serão de grande utilidade. Apenas em combinação com Tipos de Postos Personalizados existem mais opções.

A primeira pergunta é: O que é um tipo de posto (normal)?

Os dois mais conhecidos WordPress são Páginas e Posts de Blogs. Então, para cada novo conteúdo a ser criado para um site, você decide qual tipo de post é o certo. Isso depende de vários fatores, incluindo como a informação deve ser visível e quais campos você precisa no backend.

No entanto, e se você quiser fornecer conteúdo que não possa 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 Pluginsvocê pode definir facilmente os campos.

É quando são utilizados tipos de correio personalizados. Muito importante aqui é que faz sentido criar o seu próprio Tipo de Postagem Personalizada para o uso de Advanced Custom Fieldsuma postagem personalizada. No meu caso eu simplesmente chamo os terapeutas do Tipo de Posto Personalizado (CPT).

É claro que você também pode programar o tipo de postagem personalizada. Mas eu usei o "Custom PluginPost Type UI" para isso, que explicarei na próxima seção.

criação de tipo de poste personalizado
Este é o aspecto do backend do "Custom PluginsPost Type UI".

UI Tipo de postagem personalizada: GratuitaPlugin, a segunda

Se isso não foi magia suficiente para você até agora apenas com o (ACFAdvanced Custom Fields), aqui vem o melhor: ACF em combinação com a IU Personalizada Tipo Post, curta IU CPT.

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 construir um filtro de busca com campos diferentes. Então eu primeiro tive que carregar todos os dados para o backend usando uma importação CSV.

Depois disso, usei o Tipo de Posto Personalizado, bem como o Advanced Custom Fieldsfiltro de busca no frontend. Mais sobre isto na próxima secção.

combinação personalizada de tipo acf
Por exemplo, este é o aspecto que o seu novo Tipo de Postagem Personalizada poderia ter.

Exemplo prático: Construir pesquisa com critérios de filtro

Lá se vai a parte de trás, por agora. Agora está na parte da frente. Assim pode usar a coisa toda e usar as individuais Advanced Custom Fieldspara o seu caso.

Eu usei o ACF para construir uma pesquisa individual com critérios de filtro. Mas 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 desenvolvê-lo você mesmo e um Plugin. Mais uma vez procurei durante muito tempo por um bom ajudante e finalmente encontrei "Search & Filter Pro" (ligado no final do texto).

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

  • Pesquisa (campo de pesquisa normal)
  • Post Meta (acesso e pesquisa do respectivo Campo Personalizado Avançado na base de dados)
  • Botão Submeter (Botão para submeter a consulta ou formulário de pesquisa)

Na parte de trás, isto pode parecer como se segue:

busca e filtro por backend
Com o "Search Plugin& 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).

Verá, no entanto, que este vai parecer um pouco pouco pouco pouco atractivo. Eu melhorei isso com alguns cabos CSS e acho que o resultado no frontend é muito bom:

exemplo prático de acf

Ligações complementares

Estou curioso para ver o que mais serei capaz de Advanced Custom Fieldsimplementar no futuro. Você tem alguma pergunta ou comentário sobre este artigo? Então eu ficaria feliz em receber um monte de feedback.

Foto: 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 * .