Como Criar Campos Personalizados no WordPress para Adicionar Metadados

Logotipo do Wordpress

O WordPress vem com um recurso de campos personalizados para você adicionar qualquer metadado aos seus posts. Isso pode ser informações, como data de expiração de um post ou simplesmente o clima daquele dia. Aqui mostramos como fazer bom uso dos campos personalizados para melhorar a funcionalidade dos seus posts.

Índice

  • Habilitar Campos Personalizados no Editor de Blocos
  • Configurar o Nome e o Valor para o Campo Personalizado
  • Mostrar o Campo Personalizado no Seu Tema WordPress
  • Adicionar Campos Personalizados no WordPress com um Plugin

Habilitar Campos Personalizados no Editor de Blocos

Se você ainda estiver usando o editor clássico, a seção de campos personalizados está habilitada por padrão. Você deve conseguir encontrá-la abaixo da seção do editor de texto.

Para o editor de blocos (Gutenberg), a seção de campos personalizados está desabilitada por padrão, mas você pode facilmente habilitá-la. Basta ir aos três pontos no canto superior direito da tela e clicar.

Habilitar Campos Personalizados no WordPress

No menu suspenso que aparece, selecione Preferências na parte inferior. Dependendo do idioma do WordPress que você configurou, pode dizer Opções em vez disso.

Menu de Preferências do Post Wordpress

Na seção Painéis, ative a opção Campos personalizados. Ele pedirá para você recarregar a página, então certifique-se de que qualquer trabalho não salvo esteja salvo primeiro, ou você o perderá.

Menu para Habilitar Campos Personalizados no WordPress

Uma nova seção Campos Personalizados aparecerá agora abaixo do post.

Adicionar Novo Campo Personalizado no WordPress

Uma vez que você comece a adicionar campos personalizados, ele mostrará no máximo 30 campos. Você pode continuar adicionando mais, mas eles não aparecerão na lista suspensa.

Damien mostrou como fazer com que mais campos personalizados do WordPress apareçam por padrão. A modificação aumenta a lista do menu para um máximo de 120. Você pode clicar no artigo, ou aqui está um resumo.

Vá para Aparência -> Editor no seu backend do WordPress e procure o arquivo functions.php. Adicione o seguinte ao final.

function increase_postmeta_form_limit(){  
return120;  
}  
add_filter('postmeta_form_limit','increase_postmeta_form_limit');

Após salvar as alterações, atualize a página do seu backend do WordPress e o número de campos personalizados no menu aumentará para 120.

Configurar o Nome e o Valor para o Campo Personalizado

Você pode adicionar qualquer coisa que quiser como um campo personalizado. Seja o último livro que você está lendo, ou o que o clima está naquele dia, você pode adicionar o que quiser aos seus posts. Para o bem deste post, vamos adicionar como estou me sentindo hoje. Então clique em Inserir novo para começar.

Na seção Nome, adicione o título do que você deseja adicionar. Isso pode ser coisas como:

  • Como estou me sentindo hoje?
  • O livro que estou lendo hoje.
  • O que estou ouvindo hoje?

Você entendeu a ideia.

Na seção Valor, agora coloque a resposta. No caso do meu campo de humor, eu disse “Não estou mal. Um pouco mal-humorado, mas bem.” Lembre-se, os campos personalizados são baseados post a post, então o que você inserir em um post não aparecerá em outro post.

Vale a pena esclarecer que não precisa ser uma pergunta na seção Nome. Também pode ser algo como texto padrão que você deseja no início ou no final do seu post. Por exemplo, talvez você queira que cada post tenha uma mensagem de isenção de responsabilidade de afiliado? Ou que é um post patrocinado? As possibilidades são infinitas.

Nota: Para uma recuperação mais fácil do campo personalizado via código, é melhor manter o Nome curto, todo em letras minúsculas e evitar qualquer espaço. Use um sublinhado (_) para separar palavras. Por exemplo, use “posts_para_redirecionar” em vez de “Posts para Redirecionar”.

Uma vez que você tenha inserido as informações necessárias, clique em Adicionar Campo Personalizado para salvá-lo. Não parece haver um número mínimo ou máximo de caracteres para um campo, mas para a aparência na sua página, tente não exagerar. A brevidade conta aqui.

Mostrar o Campo Personalizado no Seu Tema WordPress

Infelizmente para nós, a vida seria muito fácil se isso fosse tudo que era necessário para que um campo personalizado do WordPress funcionasse. Agora temos que fazê-lo aparecer na página.

Não há uma maneira fácil de exibir o campo personalizado no seu tema WordPress. Você precisa recorrer a inserir alguns códigos PHP no seu tema.

No arquivo onde você deseja exibir o campo personalizado, use o seguinte código:

$custom_field= get_post_meta($post_id,'nome-do-campo-personalizado',true)  
echo$custom_field;

Algumas coisas para notar:

  • $post_id é o ID do post que você deseja recuperar seu campo personalizado.
  • nome-do-campo-personalizado é o nome que você usou para o seu campo personalizado específico.

Você pode obter mais informações aqui.

Dica: tente usar um shortcode em vez disso se preferir usar um método mais fácil para adicionar metadados ao seu tema.

Adicionar Campos Personalizados no WordPress com um Plugin

Se hackear os arquivos de instalação do WordPress parece trabalho demais e uma dor de cabeça, então você sempre tem a opção de um plugin. O plugin mais recomendado para campos personalizados do WordPress é o Advanced Custom Fields.

Plugin Advance Custom Fields para WordPress

O ACF usa o conceito de grupos de campos. Esses grupos contêm os campos personalizados que você deseja adicionar a áreas específicas do seu site WordPress, como posts, páginas ou tipos de post personalizados. Você define os tipos de campos, rótulos e quaisquer configurações específicas dentro de cada grupo.

Desenvolvedores podem usar os tipos de campos e funções do ACF para construir funcionalidades personalizadas poderosas.

Como Instalar o Advanced Custom Fields

Uma vez que você tenha instalado o plugin, vá para a página de configurações do ACF na barra lateral esquerda da sua instalação do WordPress.

Acf WordPress

Vá para Grupos de Campos -> Adicionar Novo. Aqui, você nomeará seu grupo de campos. Clique no botão Adicionar Campo e escolha o tipo de campo desejado a partir das opções. Cada tipo de campo tem suas próprias configurações para personalizar ainda mais.

Acf Navegar por Campos

Depois de construir seu grupo de campos, clique em Salvar Alterações para salvá-lo. Agora, quando você editar um post ou página atribuída a esse grupo, você verá os campos personalizados que criou.

Acf Regras de Localização

Agora, quando você for ao tipo de post especificado, verá o campo personalizado abaixo. Adicione o valor desejado no campo de texto.

Acf Campo Personalizado do Post

O ACF oferece uma versão gratuita com uma boa gama de tipos de campo. A atualização para o ACF Pro desbloqueia ainda mais recursos como campos repetidos (para adicionar várias instâncias de um grupo de campos) e layouts de conteúdo flexíveis.

Todas as capturas de tela por Mark O’Neill