Como usar campos personalizados no WordPress?

Você é um designer ou desenvolvedor de temas que deseja estender a funcionalidade do seu site WordPress?Campos personalizados são recursos do WordPress criados para uso por diferentes temas ou plugins para armazenar informações adicionais relacionadas a uma postagem.Uma boa descrição para um campo personalizado são os metadados de SEO, que podem ser úteis como um campo de entrada para a escrita de posts.

Portanto, graças a esse recurso do WordPress, você pode adicionar campos ou metadados personalizados que são extra/bits de informações arbitrárias para qualquer postagem.No entanto, é possível usar campos personalizados para coisas mais complexas, como definir uma data de validade para sua postagem, mas isso requer conhecimento de codificação.Então vamos mergulhar no que é um campo personalizado e como criá-lo e usá-lo no WordPress com um exemplo simples.

O que são campos personalizados no WordPress?

Campos personalizados são recursos do WordPress que permitem adicionar informações adicionais ao escrever um post, também são conhecidos como metadados do post.Como o WordPress armazena essas informações como metadados, você pode usar as tags de modelo do tema do seu site WordPress para exibi-las.Exemplos desses campos personalizados incluem adicionar uma classificação a um produto que você está analisando, adicionar uma música a uma postagem escrita e muito mais que está disponível ou você pode considerar incluir.

• Por padrão, os campos personalizados ficam indisponíveis quando exibidos na tela do editor de postagem do site (ou seja, ficam ocultos).
• Torná-lo visível no editor clássico requer a ativação da caixa Campos personalizados no botão Opções de tela do painel de gerenciamento de postagem/página do site WordPress.Novamente, você pode habilitá-lo na seção Preferências do Editor Gutenberg.

Formato de campos personalizados

Assim, os metadados de um campo personalizado constituem um pareamento de um "nome ou chave" e um "valor", onde a chave é o nome do elemento de metadados e o valor é a informação única que forma a descrição associada a uma postagem individual .

Em relação aos campos personalizados, "Chaves" é diferente de "Valores", pois as Chaves podem ser usadas várias vezes em uma postagem, mas com valores diferentes.Por exemplo, quer expressar que está assistindo a quadrinhos e filmes de terror (dois separados)?Crie "Now Watching" como chave e use-o duas vezes na mesma postagem com um valor de "Horror" e outros "Comics", que é uma maneira ideal de representar campos personalizados em um site WordPress.

Usando campos personalizados no WordPress

Para criar ou usar uma chamada de campo personalizada para defini-la.Adicionaremos um campo personalizado do WordPress chamado "Leitura atual" à postagem do site e o exibiremos na parte inferior do conteúdo.Assim, depois de criar essa chave, você pode atribuir um valor a cada postagem.Aqui estão as etapas para conseguir isso usando a ilustração abaixo.

Ativar campos personalizados no editor

Faça login no painel do seu site WordPress e abra a postagem ou página onde você precisa adicionar campos personalizados.Como mostra sua tela de edição, a opção Campos personalizados não é visível por padrão (ou seja, se não tiver sido ativada anteriormente).

• Usando o editor de blocos Gutenberg, localize e clique nos três pontos na barra lateral superior direita.
• Clique na opção "Preferências" e selecione a seção "Painéis".
• Na categoria "Outros", marque a caixa ao lado de "Campos personalizados" para ativá-lo.

• Depois disso, você precisa clicar no botão "Ativar e recarregar" para que as alterações entrem em vigor.
• Quando o caminho da página estiver concluído, o menu Campos personalizados aparecerá abaixo da postagem/página da tela.
• Se você estiver usando uma versão mais antiga do editor clássico, clique no botão "Opções de tela" no canto superior direito do editor e marque a caixa ao lado de "Campos personalizados" para ativá-lo.

• Além disso, você pode usar o arquivo functions.php para exibir quaisquer campos personalizados ocultos de uma maneira mais técnica.Vá para selecionar o arquivo "functions.php" clicando na guia "Theme Editor" no menu "Appearance" no painel do seu site WordPress e cole o seguinte código:

add_action( 'admin_head', 'showhiddencustomfields' );
function showhiddencustomfields() {
    echo "

 

"; }

• Deve ficar assim no editor:

• Em seguida, clique em "Atualizar arquivo" para salvar as alterações.
• Lembre-se de que esse truque de código é específico para um tema específico, portanto, quando ocorrer uma atualização, upgrade ou alteração de tema, será necessário repetir as etapas acima para preservar a funcionalidade do seu site.Bem, você pode salvar esses códigos como arquivos PHP e carregá-los como plugins, instalá-los e ativá-los para não precisar se preocupar com atualizações frequentes.Alternativamente, você pode usar plugins como Code Snippet para gerenciar novos recursos de forma organizada.

Adicionar campos personalizados às postagens

Com a meta box de campos personalizados habilitada, role para baixo até a área "campos personalizados" abaixo do seu post escrito ou conteúdo da página.Em seguida, insira o nosso campo escolhido "Leitura atual" como o nome/chave e "Como usar campos personalizados no WordPress" como o valor do que você está lendo, e tudo deve estar sem aspas.Por fim, clique no botão "Adicionar campo personalizado".

Depois de adicionar o campo, você pode editar ou excluir a entrada e publicar uma postagem atualizada a qualquer momento.Além disso, você pode selecionar quaisquer campos personalizados adicionados anteriormente na lista suspensa e atribuir novos valores a eles.

Depois de criar o campo personalizado, clique no botão Publicar e publique sua postagem.

Exibir campos personalizados no WordPress

Agora, o campo personalizado está apenas no backend e você precisa usar um pedaço de código para exibi-lo no frontend.Você deve editar seu arquivo de tema WordPress para exibir campos personalizados.Usar um único post requer a edição do arquivo "single.php" ou "content-single.php", mas primeiro, encontre estas linhas de código no arquivo:

while ( have_posts() ) : the_post();
.
.endwhile; // end of the loop.

Você adicionará código para os campos personalizados abaixo deste bloco de código.

echo get_post_meta($post->ID, 'key', true);

Lembre-se de alterar a "chave" para a chave que você usou no post, pois o nome da chave na imagem acima é "a ler no momento".Você também pode adicionar qualquer prefixo para mostrar "Você está lendo:", o código deve ficar assim:

echo '

Você está lendo no momento:

', get_post_meta($post->ID, 'atualmente lendo', true);

Por fim, salve suas alterações clicando em "Atualizar arquivo" e visualize a postagem com os campos personalizados para ver os resultados.

Você pode usar CSS para ajustar a posição e alinhar a exibição de campos personalizados no layout do seu site.

Usando o plug-in de campos personalizados avançados

Embora seja mais fácil criar campos personalizados manualmente, é uma tarefa difícil para o usuário comum escrever código e exibi-los de maneira útil.Para evitar problemas, você pode usarCampos personalizados avançadosetc. plugins e gerencie o seguinte:

• Crie rapidamente seus campos personalizados com mais de 30 tipos de campo.
• Crie grupos de campos e defina regras de localização.
• Adicione campos personalizados a categorias, mídia, resenhas e em qualquer outro lugar do seu site.
• Use funções internas para exibir os campos desejados.
• Use extensões para aprimorar a funcionalidade do plug-in

Exemplo prático de uso de campos personalizados no WordPress

Podemos mostrar muitos exemplos práticos de como usar campos personalizados no editor do WordPress.Yoast SEO é um dos melhores exemplos de adição de dados personalizados para SEO.Outro exemplo inclui WP Review, WP Rocket e WP Coupons.Além disso, quase todos os temas de negócios dependem muito de campos personalizados.Por exemplo, temas leves como GeneratePress e Astra oferecem caixas personalizadas para ajustar o layout de postagens específicas.

Pontos a serem lembrados ao usar campos personalizados

Como você pode ver, criar e usar campos personalizados no WordPress é uma tarefa fácil sem ser um especialista em codificação.Esses campos personalizados são usados ​​por SEO, comentários, cupons e muitos outros tipos de plugins para adicionar meta-informações de postagem. No entanto, isso tem um custo e você deve estar ciente desse fato.

• O WordPress armazena todos esses campos personalizados na tabela wp_postmeta.Embora o conteúdo da postagem em si seja armazenado em uma tabela wp_post diferente, a wp_postmeta é uma das maiores tabelas em qualquer instalação padrão do WordPress devido ao grande número de campos de metadados.
• Embora você possa remover campos personalizados da metabox do editor de postagem, ela não removerá os campos originais.Ele apenas remove a instância usada nesse post, você pode ver que o mesmo campo está disponível no mesmo post ou em outro post.Portanto, remover completamente os campos personalizados é uma tarefa assustadora, e você pode precisar editar o banco de dados diretamente usando uma consulta SQL no phpMyAdmin ou uma ferramenta semelhante.
• Quaisquer campos personalizados não utilizados estarão sempre disponíveis na tabela postmeta ocupando o armazenamento do banco de dados.Vamos dar um exemplo, você tem um plugin de comentários que usa 10 campos personalizados com valores pré-preenchidos da página de configurações globais do plugin.Pode parecer bom porque você pode usar os padrões e editá-los apenas quando necessário.Com isso em mente, você criou 20 postagens de comentários em seu site com metacampos padrão e outras 80 postagens sem comentários.Ao verificar a tabela postmeta, você ficará surpreso ao descobrir que todas as 100 postagens conterão 10 entradas de campo personalizadas com valores pré-preenchidos.Isso significa que haverá 800 entradas redundantes (80 * 10) sem uso.

• O problema piora quando você desativa o plugin e quer usar outro plugin de comentários.Haverá agora 1000 (100 * 10) entradas redundantes na tabela não utilizadas.Quando você tem vários plugins com muitos campos personalizados, como Yoast SEO, WP Review, WP Coupons, etc., a tabela aumentará em dezenas de milhares de entradas. )
• Muitas meta boxes também podem diminuir a velocidade do seu editor de postagem, isso é de uma perspectiva de back-end.

Com essas advertências acima, certifique-se de usar os campos personalizados com sabedoria apenas quando necessário.Não crie ou use campos que são usados ​​apenas para algumas postagens.Em vez disso, você pode criar tipos de postagem personalizados para essa finalidade, que você sempre pode converter em postagens regulares posteriormente.

Pensamentos finais

Ainda há muito o que discutir por meio de campos personalizados à medida que se torna mais técnico à medida que avança.Mas com este guia muito simples, você pode começar com o básico do uso de campos personalizados em seu site WordPress.