Campos personalizados nas publicações de convidados do WordPress

Como exibir campos personalizados em publicações de convidados [Tutorial do WordPress]

Quer saber como utilizar campos personalizados em mensagens de convidado?

Os campos personalizados são uma poderosa funcionalidade do WordPress que lhe permite armazenar informações adicionais relacionadas com publicações específicas. Pode apresentar essas informações juntamente com o conteúdo da publicação.

Crie o seu formulário WordPress agora

O que são campos personalizados?

Os campos personalizados são campos extra que utiliza para recolher e apresentar informações no WordPress. Por vezes, são designados por campos "post meta".

É provável que o seu sítio já tenha alguns campos personalizados. Por exemplo, o plugin All in One SEO utiliza campos personalizados para a meta descrição e o meta título da página.

Exemplo de campos personalizados

Pode criar os seus próprios campos personalizados para armazenar informações adicionais para qualquer publicação, página ou tipo de publicação personalizada. Por exemplo, se estiver a escrever uma avaliação, pode ter outro campo para a classificação de dez. Pode então modificar o seu modelo de publicação para apresentar a sua classificação no mesmo local sempre que publicar uma avaliação.

Os campos personalizados são úteis se o desejar:

  • Criar layouts personalizados
  • Adicionar conteúdo ao seu feed RSS, como anúncios ou logótipos de marcas
  • Controle a forma como o WordPress funciona com as automações.

Agora que já sabemos para que servem os campos personalizados, vamos criar um formulário de publicação de convidado com campos personalizados.

Como usar campos personalizados em publicações de convidados do WordPress

Vamos editar ficheiros WordPress importantes mais à frente no tutorial. Antes de começar, recomendo que use um plugin de backup para fazer o backup do seu site WordPress.

1. Instalar os plug-ins

Para este tutorial, precisamos de instalar 3 plugins:

  1. WPForms Pro
  2. O addon WPForms Post Submissions
  3. A versão gratuita ou paga do plugin Advanced Custom Fields (ACF).

Depois que o WPForms Pro estiver instalado e ativado, navegue até WPForms " Addons para instalar o Post Submissions.

Menu de addons do WPForms

Desloque-se para baixo e clique para o instalar.

Suplemento de envio de mensagens

Finalmente, vamos instalar o plugin gratuito Advanced Custom Fields. No painel de controlo do WordPress, vá a Plugins " Adicionar novo.

Adicionar novo plugin

Procure Advanced Custom Fields e clique no botão Instalar agora.

Instalar o plugin Advanced Custom Fields

Quando o plugin estiver instalado, não se esqueça de clicar em Ativar.

Ótimo! Agora já temos tudo configurado. Vamos continuar e criar o nosso campo personalizado.

2. Criar um campo personalizado no ACF

Neste exemplo, vamos utilizar um campo personalizado para recolher o nome do sítio Web do nosso bloguista convidado e apresentá-lo sob o seu nome.

Para começar, vá para a barra lateral e clique em Campos personalizados " Adicionar novo.

Adicionar novo campo personalizado

Na parte superior, dê um nome ao seu novo grupo de campos. Não importa o que escrever aqui, porque não aparecerá no frontend. Utilize apenas um nome que reconhecerá mais tarde.

Adicionar novo grupo de campos personalizados

Agora clique em Adicionar campo para começar a criar o seu campo personalizado.

Botão Adicionar novo campo personalizado

Verá que algumas opções aparecem em baixo. Não precisa de as preencher todas. Aqui estão as 2 que vamos utilizar:

  • Etiqueta do campo - Dê ao seu novo campo um nome que faça sentido para si.
  • Tipo de campo - Vamos utilizar um campo de texto simples, pelo que deixámos esta opção definida como Texto.

Verificará que o campo Nome do campo será automaticamente preenchido por si.

Configurar campo personalizado no ACF

Clique em Publicar para guardar o seu novo campo personalizado.

Pode ver aqui que o novo campo foi guardado. Tome nota do nome do campo - vai precisar dele para o passo seguinte.

Nome do campo em Campos personalizados avançados

Agora podemos criar o formulário de publicação de convidado para o frontend do sítio.

3. Crie o seu formulário de guest post

Nesta etapa, vamos criar um formulário de envio de post de convidado e adicionar o novo campo para que o blogueiro convidado possa preenchê-lo.

Se ainda não tiver um formulário para as mensagens enviadas pelos utilizadores, comece por clicar em WPForms " Adicionar novo na barra de navegação do WordPress.

Adicionar um novo formulário de publicação submetido pelo utilizador no WordPress

Agora, clique no Formulário de envio de publicação de blogue para o abrir.

Selecionar o modelo de formulário de publicação submetido pelo utilizador

Se precisar de ajustar as predefinições, consulte este guia sobre a criação de um formulário de front-end para mensagens enviadas pelo utilizador. Quando tiver todas as noções básicas prontas, volte a este tutorial.

4. Adicionar um campo personalizado ao formulário de publicação de convidado

Agora que tem um formulário de publicação submetido pelo utilizador, vai querer adicionar o campo personalizado que criámos no passo 2.

Vamos arrastar um campo de texto de linha única do painel esquerdo para a pré-visualização do formulário à direita. Vamos chamar-lhe Nome do site.

Adicionar campo personalizado ao formulário de publicação de convidado

Agora estamos prontos para mapear o campo para o campo que criámos no plug-in Advanced Custom Fields.

Para começar, clique em Definições no lado esquerdo e, em seguida, em Publicar envios.

Definições de envio de mensagens

Este ecrã mostra todas as funcionalidades e caraterísticas da extensão Envios de publicações. Pode definir o estado da publicação e outras definições aqui.

Para adicionar o campo personalizado, desloque-se até à secção Custom Post Meta.

À esquerda, cole o Nome do campo que criámos no ACF. À direita, selecione o campo de formulário Website Name que acabámos de criar no WPForms.

Configurar um campo personalizado no formulário de publicação de convidado

É tudo o que precisa de fazer! A partir de agora, tudo o que for digitado no campo Nome do site será guardado no campo personalizado para que o possa apresentar no seu modelo de publicação.

Clique em Guardar para guardar o formulário.

Pronto para receber alguns guest posts? Clique no botão Incorporar para publicar o formulário, caso ainda não o tenha feito. Pode adicioná-lo automaticamente a uma página ou utilizar um shortcode.

Incorporar o seu formulário de frontend para guest post numa página

Agora, quando visualizar o formulário de envio do seu post de convidado no frontend, verá o campo extra que adicionámos anteriormente.

Campo personalizado no formulário de publicação submetido pelo utilizador

Vá em frente e preencha o formulário com uma entrada de teste. Assim que for submetido, podemos apresentar o campo no frontend do seu sítio.

5. Adicionar os seus campos personalizados ao seu sítio Web

Existem muitas formas diferentes de mostrar dados de campos personalizados no WordPress. Vamos mostrar-lhe alguns exemplos fáceis.

Este primeiro método requer algum conhecimento dos ficheiros de temas do WordPress. Antes de avançar, crie um tema filho para o seu sítio Web. (Também é uma boa ideia fazer novamente uma cópia de segurança do seu sítio nesta altura).

Em todos estes exemplos, utilizaremos the_field() em Campos personalizados avançados.

Primeiro, vamos editar o nosso modelo de publicação única para apresentar o campo. Vá para Aparências " Editor de temas.

Editor de temas do WordPress

Abrimos o ficheiro do tema chamado single.php. No seu tema, o nome deste ficheiro de modelo pode ser diferente.

Encontre um local para apresentar o seu campo e, em seguida, cole este código. Este é um exemplo muito fácil para começar:

<?php if( get_field('author_website_name') ): ?>
    <h2>Author's Blog: <?php the_field('author_website_name'); ?></h2> 
<?php endif; ?>

Este código significa que o WordPress apresentará o nome do sítio Web do autor num H2 se essa informação existir. Basta alterar o nome do campo author_website_name para o nome do campo que criou.

Quando guardar o ficheiro de modelo, o campo aparecerá nas publicações do blogue no local onde colocou o código.

Campo personalizado no post de convidado

Se isto parecer um pouco complicado, vamos mostrar-lhe rapidamente uma forma mais fácil de utilizar campos personalizados com o Elementor.

6. Exibir campos personalizados com o Elementor

Antes de terminarmos o tutorial sobre a utilização de campos personalizados em mensagens enviadas pelo utilizador, queríamos mostrar-lhe rapidamente como apresentar um campo personalizado no Elementor.

Este método permite-lhe criar facilmente modelos avançados para o conteúdo submetido pelo utilizador.

Neste exemplo, temos um bloco de texto em branco no Elementor. Clique no ícone na parte superior que está identificado como Dynamic Tags nesta captura de ecrã:

Etiquetas dinâmicas do Elementor para o campo personalizado

Agora selecione Campo ACF e escolha o campo personalizado que criou no passo 2.

Adicionar um campo personalizado avançado no Elementor

Agora, o conteúdo do seu campo personalizado aparecerá nas suas publicações sempre que utilizar este modelo Elementor. Isso torna muito fácil exibir os dados do campo personalizado que você coleta no WPForms.

Crie o seu formulário WordPress agora

Próximo passo: Obter mais envios de posts de convidados

Agora que tem um formulário de publicação de convidado configurado com campos personalizados, vai querer obter mais conteúdo enviado pelo utilizador para o seu site. Para o fazer, consulte estas dicas sobre como obter mais publicações de convidados no seu blogue.

Pronto para criar o seu formulário? Comece hoje mesmo com o plugin de criação de formulários mais fácil do WordPress. O WPForms Pro inclui o addon Post Submissions e oferece uma garantia de reembolso de 14 dias.

Se este artigo o ajudou, siga-nos no Facebook e no Twitter para mais tutoriais e guias gratuitos do WordPress.

Divulgação: O nosso conteúdo é apoiado pelos leitores. Isso significa que se você clicar em alguns de nossos links, podemos ganhar uma comissão. Veja como o WPForms é financiado, por que isso é importante e como você pode nos apoiar.

Claire Broadley

A Claire é a Gestora de Conteúdos da equipa WPForms. Ela tem mais de 13 anos de experiência escrevendo sobre WordPress e hospedagem na web.Saiba mais

O melhor plug-in de criação de formulários de arrastar e soltar do WordPress

Fácil, rápido e seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.

Active o JavaScript no seu browser para preencher este formulário.

4 comentários em "Como exibir campos personalizados em posts de convidados [Tutorial do WordPress]"

  1. Não consigo mostrar mais do que os três campos que já existiam na submissão de posts, na minha visualização final do blogue! Tentei os campos personalizados, mas não consegui

  2. Preciso de utilizar um campo personalizado verdadeiro/falso para as minhas submissões de mensagens. Atualmente, isto faz com que o campo seja sempre verdadeiro porque envia sempre um valor não booleano para o campo. Existe alguma forma fácil de fazer com que a publicação envie um valor booleano verdadeiro/falso para o campo personalizado?

Adicionar um comentário

Ficamos satisfeitos por ter escolhido deixar um comentário. Tenha em atenção que todos os comentários são moderados de acordo com a nossa política de privacidade e que todas as hiperligações são nofollow. NÃO utilize palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Este formulário é protegido pelo Cloudflare Turnstile e aplicam-se a Política de Privacidade e os Termos de Serviço da Cloudflare.