Como usar Advanced Custom Fields (ACF) para conteúdo avançado no WordPress
Olá, querido(a) cliente! Seja bem-vindo(a) ao seu novo passo rumo a um site mais poderoso e personalizado. Aqui, você vai aprender, de forma simples e carinhosa, como usar o Advanced Custom Fields (ACF) — uma das ferramentas mais queridas pelos desenvolvedores e designers do WordPress.
Imagine poder criar campos personalizados em seus posts, páginas ou até mesmo em áreas específicas do seu site, como banners, destaques, formulários ou seções com imagens e textos que só você escolhe. Isso é exatamente o que o ACF faz — e com ele, seu site ganha vida própria!
Passo 1: Instalar o ACF no seu WordPress
Antes de tudo, você precisa ter o ACF instalado. A GeHost já prepara o ambiente para isso, mas vamos garantir que tudo esteja no lugar.
- Entre no seu WordPress (acesso via
seusite.com/wp-admin). - No menu lateral, clique em Plugins → Adicionar novo.
- No campo de busca, digite Advanced Custom Fields.
- Procure pela versão oficial do plugin (deve ser de Advanced Custom Fields, por Elliot Condon).
- Clique em Instalar agora e depois em Ativar.
Dica do Sensei: Sempre use a versão oficial do ACF. Evite plugins com nomes parecidos — pode ser uma versão maliciosa!
Passo 2: Criar seus primeiros campos personalizados
Com o ACF ativado, vamos criar um campo simples para começar.
- No painel do WordPress, vá em ACF no menu lateral (deve aparecer após a ativação).
- Clique em Campos → Adicionar novo.
- Dê um nome ao seu campo, como “Destaque do dia”.
- Escolha o tipo de campo. Para começar, use Texto (ou Texto de grande tamanho).
- Defina onde esse campo aparecerá. Por exemplo: Posts, Páginas ou Personalizar.
- Salve o campo.
Pronto! Agora, ao editar um post ou página, você verá um novo campo chamado "Destaque do dia" — é só preencher com o que quiser!
Passo 3: Mostrar o campo no seu site (usando o código)
Agora vem a parte mágica: exibir o conteúdo do campo no seu site. Isso exige um pouco de código, mas não se preocupe — vamos fazer isso juntos.
No seu tema WordPress, abra o arquivo single.php ou page.php (onde o conteúdo é exibido).
Encontre a parte onde o conteúdo aparece, geralmente com algo como:
<?php the_content(); ?>Antes ou depois disso, adicione este código:
<?php if( get_field('destaque_do_dia') ): ?>
<div class="destaque">
<h3>Destaque do dia:</h3>
<p><?php echo get_field('destaque_do_dia'); ?></p>
</div>
<?php endif; ?>Salve o arquivo e atualize a página. Pronto! Agora o campo aparecerá no seu site.
Dica do Sensei: Se você não souber editar arquivos do tema, peça ajuda ao seu desenvolvedor ou use um plugin como Code Snippets para adicionar esse código de forma segura.
Passo 4: Usar campos mais avançados (imagens, links, grupos)
Com o ACF, você pode ir muito além do texto simples. Vamos ver alguns exemplos:
- Imagem: Crie um campo do tipo Imagem e depois use
get_field('nome_do_campo')para exibir a imagem no site. - Link: Use o tipo Link para criar botões com links personalizados.
- Grupo de campos: Agrupe vários campos (como título + texto + imagem) em um só bloco. Isso deixa o editor mais organizado!
Para usar campos de grupo, crie um novo campo, escolha o tipo Grupo de campos, e depois adicione os campos dentro dele. Depois, no código, use get_sub_field('nome_do_campo') para exibir cada parte.
Passo 5: Organizar e manter seu conteúdo com segurança
O ACF é poderoso, mas com grande poder vem grande responsabilidade. Aqui vão algumas boas práticas:
- Use nomes claros para seus campos (ex:
texto_destaque,imagem_banner). - Evite criar muitos campos desnecessários — mantenha o editor limpo.
- Use o recurso Revisão de campos (em ACF) para ver alterações feitas por outros.
- Exporte seus campos (em ACF → Exportar) para salvar no seu computador. Assim, se algo der errado, você pode restaurar.
Conclusão: Seu site, seu jeito
Com o ACF, você transforma seu site em uma obra de arte personalizada — sem precisar de um curso de programação. É só seguir os passos, experimentar, errar e aprender. E lembre-se: você não está sozinho.
Se precisar de ajuda, basta entrar em contato com o nosso suporte da GeHost. Estamos aqui para te ajudar a brilhar.
Com carinho,
O Sensei da GeHost 💚