Como adicionar campos personalizados no WordPress

Publicados: 2022-04-12

Adicionar campos personalizados no WordPress é uma ótima maneira de adicionar dados extras às suas páginas e postagens. Por padrão, o WordPress vem com alguns campos básicos, como título, corpo e trecho. No entanto, se você quiser adicionar mais dados às suas páginas e postagens, poderá fazê-lo adicionando campos personalizados.
Os campos personalizados podem ser usados ​​para adicionar qualquer coisa, desde dados de texto simples até dados complexos, como imagens, arquivos e vídeos. Neste artigo, mostraremos como adicionar campos personalizados no WordPress.

Campos personalizados no plugin podem ser modificados de forma mais avançada, modificando as informações apresentadas em um post específico. Campos e metadados personalizados são os mais usados ​​pelos desenvolvedores ao estender postagens. A menos que você tenha escolhido usar o Painel Personalizar como padrão, você só pode adicionar colunas que já foram tratadas pelo WordPress. Como adiciono um tipo de postagem personalizado no WordPress? Uma postagem completamente nova é criada e uma postagem existente é alterada. Os filtros podem ser aplicados a apostas e páginas usando um único campo. Na caixa meta, insira o valor de um campo personalizado; na parte inferior da tela, você também pode descer e escolher o valor de um campo personalizado.

Como faço para ativar campos personalizados no WordPress?

Crédito: memberium.com

É tão simples quanto clicar no botão 'Opções de tela' no canto superior direito da tela para adicionar ou editar uma postagem ou página existente. Você poderá ver um menu com várias opções que podem ser exibidas ou ocultadas na tela de edição do seu post selecionando esta opção. Para inserir campos personalizados, clique na caixa de seleção ao lado de Campos personalizados.

Adicionar informações adicionais às suas postagens e páginas do WP por meio de campos personalizados do WP é uma boa maneira de fazer isso. Conforme você escreve cada postagem, você pode avaliar produtos ou até mesmo músicas. A maioria das ferramentas de campos está oculta por padrão, mas é simples de ativar e usar. Neste post, veremos o que são campos personalizados e como eles podem ser usados ​​no WordPress. A maioria dos sites WordPress simplifica a adição de campos personalizados, mas nem sempre são visíveis. Torne-os visíveis ativando campos personalizados em seu editor ou adicionando código ao seu tema. Você pode usar plugins para personalizar os campos do seu site e aumentar suas opções.

O Pods possui uma interface elegante que permite gerenciar seus campos ao mesmo tempo em que os personaliza. No entanto, ele inclui vários outros recursos úteis, incluindo a funcionalidade de campos personalizados. Os pods também podem ser usados ​​para gerenciar tipos de postagem, categorias e tags personalizados, além de vários outros recursos. Devido à sua leveza, o material deve ter pouco ou nenhum impacto no desempenho do seu site.

Como os campos personalizados são aspectos importantes do WordPress, eles devem ser facilmente acessíveis e usados. Eles não são visíveis na tela de pós-edição por padrão, mas podem ser ativados acessando a caixa oculta Opções de tela na parte superior da página e marcando a caixa Campos personalizados.
Você notará uma nova meta box chamada 'Campos personalizados' na tela de edição de postagem depois de ativar os campos personalizados. Essa caixa sempre aparecerá sempre que você editar postagens em seu site, simplificando o uso e o acesso aos seus campos personalizados.

Opções de tela permitem desativar campos personalizados

Os campos personalizados podem não ser obrigatórios se você não for um desenvolvedor. Você pode então desmarcar a caixa ao lado de campos personalizados e desativá-los nesse caso desmarcando a caixa. Campos personalizados permite adicionar metadados ao campo mesmo se você ocultá-lo, mas você precisará usar este plug-in para todos os campos.

Como adiciono um campo personalizado a um menu no WordPress?

Nas regras de localização, selecione o 'Item de menu'. Atualize os campos depois de seguir as instruções. O novo campo que você criou pode ser visualizado no menu do WordPress na área de administração após a publicação do campo. Eu tinha quase certeza de que conseguiria.

Como adicionar um campo meta personalizado no WordPress sem plug-in

Crédito: metabox.io

A adição de metacampos personalizados a um site WordPress pode ser feita sem um plug-in, adicionando algumas linhas de código ao arquivo functions.php.
O primeiro passo é criar uma nova função que adicionará o novo campo à tela de edição para o tipo de postagem desejado. Neste exemplo, adicionaremos um novo campo à tela de edição de postagem:
function my_custom_meta_box() {
add_meta_box(
'minha-meta-caixa',
'Minha Caixa Meta',
'my_meta_box_callback',
'publicar',
'normal',
'Alto'
);
}
add_action( 'add_meta_boxes', 'my_custom_meta_box' );
A função my_custom_meta_box() cria uma nova meta box com o id de “my-meta-box”. A meta box terá o título “My Meta Box” e usará a função callback my_meta_box_callback(). A caixa meta será adicionada à tela de edição do post e será posicionada abaixo do editor de conteúdo do post (a posição 'normal' com prioridade 'alta').
Em seguida, precisamos escrever a função de retorno de chamada que produzirá o HTML para a caixa meta. Esta função tomará o objeto post como seu único argumento:
function my_meta_box_callback($post) {
// HTML de saída para a meta box
}
Na função de retorno de chamada, podemos gerar o HTML para nossa meta box. Neste exemplo, criaremos um campo de entrada de texto para nossa meta box:
function my_meta_box_callback($post) {
// Adiciona um campo nonce para que possamos verificar depois.
wp_nonce_field( 'my_meta_box', 'my_meta_box_nonce' );
/*
* Use get_post_meta() para recuperar um valor existente
* do banco de dados e use o valor para o formulário.
*/
$valor = get_post_meta( $post->ID, '_my_meta_value_key', true);
eco '

Você pode ocultar a opção de campos personalizados na tela de pós-edição, desde que não a habilite. Você deve ir ao menu de três pontos no canto superior direito da tela e selecionar 'Opções', que pode ser visto lá. A edição de arquivos de tema é algo com o qual os usuários devem estar familiarizados antes de iniciar este tutorial. Você deve editar seus arquivos de tema do WordPress para exibir o campo personalizado em seu site. O WordPress exibe automaticamente 30 tipos diferentes de campos personalizados para este formulário. Como solução, crie um plugin específico do site ou um arquivo function.php que inclua o código a seguir. Se você possui campos personalizados do WordPress ou vários usuários que escrevem em seu site, essa solução pode não ser apropriada.

O método mais simples é usar o plugin Advanced Custom Fields. A ferramenta permite que você crie uma variedade de campos, incluindo texto, imagens e menus suspensos. Tornamos o último parâmetro da função get_post_meta false neste exemplo. Este método retorna os dados como uma matriz, com um loop foreach exibido na tela. É possível reutilizar campos personalizados no mesmo post para adicionar vários valores. Para exibir todos os valores de campos personalizados, o código deve ser modificado. Você pode selecionar chaves e valores personalizados para postagens no WordPress.

Ao criar um campo personalizado para um autor convidado em um blog ou site de notícias, insira o nome de um autor convidado. O plugin Co-Authors permite que você exiba páginas de coautoria. Escrevemos um guia passo a passo sobre como adicionar vários autores a uma postagem do WordPress. A barra lateral da postagem ou página que você deseja alterar deve ser editada e um campo personalizado deve ser adicionado a ela. Os campos personalizados permitem adicionar conteúdo personalizado ao seu feed RSS do WordPress, bem como manipulá-lo. Quando você inclui WPbpage como seu campo personalizado da barra lateral, por exemplo, o código verificará um arquivo sidebar-wpbpage.html. Ao configurar os campos personalizados no WordPress, você pode definir a data de validade das postagens.

Isso é especialmente útil para situações em que você pretende publicar apenas conteúdo por um tempo limitado, como quando você realiza pesquisas. Preciso usar CSS para alterar a aparência de postagens individuais? O WordPress atribuirá a você uma classe específica para cada postagem, para que você possa criar seu próprio CSS. Você pode adicionar suas próprias classes personalizadas a campos personalizados e depois estilizar postagens com elas. Você pode ver sua classe CSS de campo personalizado adicionada a uma pós-classe inspecionando o código-fonte da postagem usando a ferramenta Inspecionar. Ao usar esta classe CSS, você pode adicionar CSS personalizado e estilizar sua postagem usando CSS personalizado.

Como exibir o valor do campo personalizado no WordPress

Existem algumas maneiras diferentes de exibir valores de campos personalizados no WordPress. Uma maneira é usar um plug-in como Advanced Custom Fields, que permitirá criar campos personalizados e exibi-los em seu site usando um shortcode. Outra maneira é editar seus arquivos de tema e adicionar um pouco de código para exibir os valores de campo personalizados.

Para adicionar campos personalizados ao seu site WordPress, use a funcionalidade do WordPress. Você poderá fornecer informações adicionais sobre seu conteúdo com a adição de campos personalizados. Neste tutorial, você aprenderá como usar código e modelos Swift para criar campos personalizados. Ele apresenta uma ferramenta que permite que você faça isso sem escrever uma única linha de código. Alguns campos personalizados foram definidos para nossa seção Livros favoritos. O título e o link do livro, a descrição do livro e a capa têm campos de entrada normais. Esses campos personalizados agora podem ser adicionados a postagens e páginas novas ou existentes em um formato facilmente pesquisável.

Na metabox Swift Templates, clique na caixa de seleção ao lado do botão “Use template on this post”. Se você não tiver nenhum HTML, precisaremos adicioná-lo. Quando você clica nos campos personalizados, eles aparecem na página e você pode estilizá-los usando CSS.

WordPress Mostrar campo personalizado na lista de postagens

Se você deseja exibir um valor de campo personalizado na lista de postagens do WordPress, primeiro você precisa editar a postagem e adicionar o campo personalizado a ela. Depois de salvar o campo personalizado, você pode editar o arquivo de modelo de lista de postagens e adicionar o seguinte código:
ID, 'custom_field_name', true); ? >
Isso exibirá o valor do campo personalizado na lista de postagens.

Campos personalizados do WordPress não exibidos

Se você está tendo problemas para exibir campos personalizados em sua postagem do WordPress, há algumas coisas que você pode verificar. Primeiro, verifique se você selecionou o tipo de campo correto no menu suspenso no editor de campo personalizado. Em seguida, marque a caixa ao lado de “Mostrar na postagem” na tela de configuração do campo. Por fim, se ainda estiver com problemas, tente limpar o cache e os cookies do navegador.

Os campos personalizados são um recurso do WordPress que permite adicionar informações adicionais às suas postagens do WordPress. Essas informações extras, também conhecidas como metadados, incluem o nome do autor, data e hora. As duas principais razões pelas quais você pode não vê-los em suas postagens são que você não quer que eles desapareçam ou que você não quer se dar ao trabalho de resolver o problema. Se você não tiver certeza se deve habilitar esse recurso em suas opções de tela, não arquive um personalizado em sua postagem. É possível que você tenha um plugin de campo personalizado avançado instalado e ativado. Se for uma questão que você gostaria de resolver, siga as instruções de solução de problemas abaixo. Você quase certamente pode se safar atualizando para a versão mais recente do Elementor e descobrindo que ele possui um bug que impede você de usar um campo personalizado em seu editor de conteúdo.

Mesmo os iniciantes do WordPress podem resolver esse problema. Ainda estou com dúvidas sobre os campos personalizados do WordPress. Por favor, pode me dar algumas ideias? Para entrar em contato, use a seção de comentários abaixo.

Campo personalizado do WordPress

Campos personalizados, também conhecidos como meta de postagem, são um recurso do WordPress que permite adicionar informações adicionais às suas postagens. Eles podem ser usados ​​para adicionar notas, links, imagens e outras mídias às suas postagens. Os campos personalizados são gerenciados por meio do menu Campos personalizados no administrador do WordPress.

Para adicionar metadados adicionais a um post ou página, você pode usar WP Custom Fields. Eles podem ser adicionados manualmente ou através do uso de um plugin dedicado. Veremos o que são campos personalizados e como adicioná-los ao seu conteúdo neste artigo. Você também pode usar a edição manual ou um plug-in para criar seus próprios campos personalizados nesta lição. Com o plug-in Campos personalizados avançados do WordPress.com, você pode adicionar rápida e facilmente 30 tipos de campos personalizados diferentes. Um novo grupo de campos pode ser criado clicando no botão Adicionar novo na parte superior da tela. Ao clicar nele, o grupo de campos que você criou aparecerá automaticamente na lista.

Abra o editor de postagem do WordPress assim que seu campo estiver pronto. Ele aparecerá assim que você clicar no campo personalizado do editor de texto. Para exibir os campos personalizados no front-end do site, você deve primeiro editar o arquivo do tema. Você pode aprender mais sobre esse processo mais adiante no artigo. Os campos personalizados não são visíveis no WordPress a partir de agora. Além disso, existem tipos de campos personalizados padrão disponíveis, mas novos tipos podem ser adicionados em Pods. É necessário editar os arquivos do tema para exibir as informações no front-end do site.

Este tutorial irá orientá-lo sobre como acessar os arquivos diretamente do painel. Você deve adicionar seu código ao loop do WordPress. O código do loop pode variar dependendo do seu tema. O WordPress é instruído a procurar postagens com campos personalizados no código. Essas tags de modelo podem ser usadas para personalizar a função de campos personalizados. Uma postagem ou página no WordPress inclui recursos avançados que permitem aos usuários adicionar informações a ela. Como resultado, incluímos um guia passo a passo para ativar a funcionalidade de campo personalizado, que atualmente está oculta por padrão. Além disso, também abordamos as etapas necessárias para criar e usar campos personalizados no WordPress.

Informações adicionais podem ser fornecidas aos usuários ao preencher formulários usando campos personalizados. Se você tiver um campo personalizado para o nome de um usuário, por exemplo, talvez queira incluir uma lista de opções para que o usuário possa preencher esse campo. Os campos personalizados facilitam a exibição de vários tipos de informações para diferentes usuários.
Os usuários que precisam de informações extras ao preencher formulários ou criar conteúdo personalizado acharão os campos personalizados do WordPress úteis.