Deseja saber como usar campos personalizados em guest posts?
Os campos personalizados são um recurso avançado do WordPress que permite armazenar informações adicionais relacionadas a publicações específicas. Você pode exibir essas informações junto com o conteúdo do post.
Neste artigo
Crie seu formulário WordPress agora
O que são campos personalizados?
Os campos personalizados são campos extras que você usa para coletar e exibir informações no WordPress. Às vezes, eles são chamados de campos "post meta".
É provável que seu site já tenha alguns campos personalizados. Por exemplo, o plug-in All in One SEO usa campos personalizados para a meta descrição e o meta título da página.
Você pode criar seus próprios campos personalizados para armazenar informações adicionais para qualquer post, página ou tipo de post personalizado. Por exemplo, se você estiver escrevendo uma avaliação, poderá ter outro campo para a classificação de dez. Em seguida, você pode modificar o modelo de postagem para exibir a classificação no mesmo local sempre que publicar uma avaliação.
Os campos personalizados são úteis se você quiser:
- Criar layouts personalizados
- Adicione conteúdo ao seu feed RSS, como anúncios ou logotipos de marcas
- Controle o funcionamento do WordPress com automações.
Agora que entendemos para que servem os campos personalizados, vamos criar um formulário de guest post com campos personalizados.
Como usar campos personalizados em publicações de convidados do WordPress
Mais adiante no tutorial, editaremos arquivos importantes do WordPress. Antes de começar, recomendo que você use um plugin de backup para fazer o backup do site do WordPress.
1. Instalar plug-ins
Para este tutorial, precisaremos instalar 3 plug-ins:
- WPForms Pro
- O complemento WPForms Post Submissions
- A versão gratuita ou paga do plug-in Advanced Custom Fields (ACF).
Depois que o WPForms Pro estiver instalado e ativado, navegue até WPForms " Addons para instalar o Post Submissions.
Role a tela para baixo e clique para instalá-lo.
Por fim, vamos instalar o plug-in gratuito Advanced Custom Fields. No painel do WordPress, vá para Plugins " Add New.
Procure Advanced Custom Fields e clique no botão Install Now (Instalar agora ).
Quando o plug-in estiver instalado, não se esqueça de clicar em Activate (Ativar).
Ótimo! Agora temos tudo configurado. Vamos seguir em frente e criar nosso campo personalizado.
2. Criar um campo personalizado no ACF
Neste exemplo, usaremos um campo personalizado para coletar o nome do site do blogueiro convidado e exibi-lo sob o nome dele.
Para começar, vá até a barra lateral e clique em Custom Fields " Add New.
Na parte superior, dê um nome ao seu novo grupo de campos. Não importa o que você digitar aqui, pois ele não será exibido no frontend. Basta usar um nome que você reconhecerá mais tarde.
Agora, clique em Add Field (Adicionar campo ) para começar a criar seu campo personalizado.
Você notará que algumas opções aparecem na parte inferior. Não é necessário preencher todas elas. Aqui estão as duas que usaremos:
- Rótulo do campo - Dê ao seu novo campo um nome que faça sentido para você.
- Field Type (Tipo de campo ) - Vamos usar um campo de texto simples, portanto, deixamos essa opção definida como Text (Texto).
Você notará que o campo Field Name será automaticamente preenchido para você.
Clique em Publicar para salvar seu novo campo personalizado.
Você pode ver aqui que o novo campo foi salvo. Observe o nome do campo - você precisará dele na próxima etapa.
Agora podemos criar o formulário de guest post para o frontend do site.
3. Crie seu formulário de guest post
Nesta etapa, criaremos um formulário de envio de guest post e adicionaremos o novo campo a ele para que o blogueiro convidado possa preenchê-lo.
Se você ainda não tiver um formulário para postagens enviadas por usuários, comece clicando em WPForms " Add New na barra de navegação do WordPress.
Agora, clique no Formulário de Envio de Postagem de Blog para abri-lo.
Se precisar ajustar os padrões, consulte este guia sobre como criar um formulário de frontend para postagens enviadas pelo usuário. Quando você tiver todos os conceitos básicos prontos, volte a este tutorial.
4. Adicionar campo personalizado ao formulário de guest post
Agora que você tem um formulário de postagem enviado pelo usuário, adicione o campo personalizado que criamos na etapa 2.
Vamos arrastar um campo de texto de linha única do painel à esquerda para a visualização do formulário à direita. Daremos a ele o nome de Website Name.
Agora estamos prontos para mapear o campo para o campo que criamos no plug-in Advanced Custom Fields.
Para começar, clique em Settings (Configurações ) no lado esquerdo e, em seguida, em Post Submissions (Enviar envios).
Essa tela mostra toda a funcionalidade e os recursos do complemento Post Submissions. Você pode definir o status da postagem e outras configurações aqui.
Para adicionar o campo personalizado, role a tela até a seção Custom Post Meta.
À esquerda, cole o nome do campo que criamos no ACF. À direita, escolha o campo de formulário Website Name que acabamos de criar no WPForms.
Isso é tudo o que você precisa fazer! De agora em diante, tudo o que for digitado no campo Website Name será salvo no campo personalizado para que você possa exibi-lo no modelo de postagem.
Clique em Save para salvar o formulário.
Pronto para receber alguns guest posts? Clique no botão Incorporar para publicar seu formulário, caso ainda não tenha feito isso. Você pode adicioná-lo automaticamente a uma página ou usar um shortcode.
Agora, quando você visualizar o formulário de envio do guest post no frontend, verá o campo extra que adicionamos anteriormente.
Vá em frente e preencha o formulário com uma entrada de teste. Depois que ele for enviado, poderemos exibir o campo no frontend de seu site.
5. Adicione os campos personalizados ao seu site
Há muitas maneiras diferentes de mostrar dados de campos personalizados no WordPress. Vamos lhe mostrar alguns exemplos fáceis.
Esse primeiro método requer algum conhecimento dos arquivos de tema do WordPress. Antes de prosseguir, crie um tema filho para seu site. (Também é uma boa ideia fazer o backup de seu site novamente nesse momento).
Em todos esses exemplos, usaremos the_field() em Advanced Custom Fields.
Primeiro, vamos editar nosso modelo de postagem única para exibir o campo. Vá para Appearances " Theme Editor.
Abrimos o arquivo de tema chamado single.php. Em seu tema, o nome desse arquivo de modelo pode ser diferente.
Encontre um local para exibir seu campo e 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; ?>
Esse código significa que o WordPress exibirá o nome do site do autor em um H2 se essa informação existir. Basta alterar o nome do campo author_website_name para o nome do campo que você criou.
Quando você salvar o arquivo de modelo, o campo aparecerá nas postagens do blog onde o código foi inserido.
Se isso parecer um pouco complicado, mostraremos rapidamente uma maneira mais fácil de usar campos personalizados com o Elementor.
6. Exibir campos personalizados com o Elementor
Antes de concluirmos o tutorial sobre o uso de campos personalizados em publicações enviadas por usuários, gostaríamos de mostrar rapidamente como exibir um campo personalizado no Elementor.
Esse método permite que você crie facilmente modelos avançados para o conteúdo enviado pelo usuário.
Neste exemplo, temos um bloco de texto em branco no Elementor. Clique no ícone na parte superior que está rotulado como Dynamic Tags nesta captura de tela:
Agora, selecione ACF Field (Campo ACF) e escolha o campo personalizado que você criou na etapa 2.
Agora, o conteúdo do seu campo personalizado será exibido em suas postagens sempre que você usar esse modelo do Elementor. Isso facilita muito a exibição dos dados do campo personalizado que você coleta no WPForms.
Crie seu formulário WordPress agora
Próxima etapa: Obter mais envios de guest posts
Agora que você já tem um formulário de guest post configurado com campos personalizados, você vai querer obter mais conteúdo enviado por usuários para o seu site. Para fazer isso, confira estas dicas sobre como obter mais guest posts em seu blog.
Pronto para criar seu formulário? Comece hoje mesmo com o plug-in de criação de formulários mais fácil do WordPress. O WPForms Pro inclui o complemento Post Submissions e oferece uma garantia de reembolso de 14 dias.
Se este artigo o ajudou, siga-nos no Facebook e no Twitter para obter mais tutoriais e guias gratuitos sobre o WordPress.
Não consigo mostrar mais do que os três campos que já existiam no Envio de Postagem, na visualização final do meu blog! Tentei usar campos personalizados, mas não consegui
Oi Maryam,
Para ajudá-lo com insights sobre isso, entre em contato conosco pelo suporte com detalhes adicionais e nossa equipe terá prazer em ajudar!
Obrigado 🙂
Preciso usar um campo personalizado verdadeiro/falso para os envios de minhas postagens. Atualmente, isso faz com que o campo seja sempre verdadeiro, porque ele sempre envia um valor não booleano para o campo. Existe uma maneira fácil de fazer com que a postagem envie um valor booleano verdadeiro/falso para o campo personalizado?
Oi Sondre,
Obrigado por entrar em contato! Para ajudá-lo com uma resposta completa, entre em contato conosco pelo Suporte e teremos prazer em ajudá-lo 🙂