Como Personalizar Facilmente o Formulário de Comentários do WordPress

De acordo com uma pesquisa, cerca de 43,2% de todos os sites na Internet estão usando o WordPress. Isso o torna o sistema de gerenciamento de conteúdo (CMS) mais popular do mercado.

Não é surpreendente! O WordPress é tão fácil de usar que, mesmo que você não saiba nada sobre web design ou codificação, ainda pode configurar seu site em minutos.

Depois de começar a postar conteúdo, uma das melhores maneiras de se envolver com seu público é por meio de uma seção de comentários. Aqui, eles podem compartilhar seus pensamentos e opiniões sobre suas postagens!

Estilizar o formulário de comentários do WordPress é essencial se você deseja que seu site se destaque dos outros. Um formulário de comentário bonito pode melhorar a opinião das pessoas sobre o seu site e incentivar o engajamento.

Este artigo mostrará como estilizar seu formulário de comentários do WordPress!

• O que é um formulário de comentário do WordPress?
• Como Estilizar o Formulário de Comentários do WordPress
• Idéias de estilo de formulário de comentário do WordPress

O que é um formulário de comentário do WordPress?

Simplificando, o formulário de comentários é a interface através da qual seus leitores podem postar comentários e interagir com você. E vice-versa, você pode interagir diretamente com seu público por meio do formulário de comentários.

Aqui está a aparência de um formulário de comentário básico do WordPress.

Normalmente é estruturado com vários campos para o leitor preencher seu nome e informações de contato, como endereço de e-mail, número de telefone etc. Além disso, deve haver um campo grande onde eles possam digitar o que desejam compartilhar ou dizer a você e outros!

Como Estilizar o Formulário de Comentários do WordPress

Um tema WordPress governa a aparência e a função do seu site. É um grande pacote de arquivos e códigos que informam ao WordPress como renderizar e exibir a aparência do seu site.

O formulário de comentários faz parte do tema do seu site. Portanto, se você quiser alterá-lo, precisará modificar diretamente o tema, o que exigirá que você tenha um conhecimento básico de CSS e HTML.

Além disso, também haverá alguma codificação envolvida. Temos modelos de código! Você só precisa copiá-los e colá-los no lugar certo.

Pronto para começar? Vamos começar!

#1 Use um plug-in

No mercado WordPress, diferentes plugins oferecem diferentes recursos para o seu site. Formulário de comentário avançado é um plug-in gratuito popular que ajuda você a modificar o formulário de comentário diretamente do painel de administração do WordPress.

Ele permite que você faça várias operações, como remover ou adicionar novos campos de informação no formulário de comentários. Você também pode modificar os textos e alterar o layout do formulário.

Os plug-ins são uma ótima opção se você não quiser perder tempo vasculhando os códigos e arquivos principais do seu site.

No entanto, observe que plug-ins como Formulário de comentário avançado são inflexíveis. Embora trabalhem para alterações básicas, como personalizar uma linha de texto ou adicionar e remover campos, eles não podem ajudá-lo a implementar modificações e alterações avançadas.

#2 Altere o código em comments.php

Para modificações e alterações mais avançadas, você terá que trabalhar duro com a codificação do seu tema WordPress.

Como mencionamos anteriormente, a familiaridade com CSS e HTML é essencial se você deseja modificar os arquivos principais do seu site WordPress. Esta parte será bastante pesada do ponto de vista técnico, portanto, pode não ser a melhor abordagem para todos.

Dentro da maioria dos temas haverá um arquivo chamado comments.php . Este é o arquivo mestre que controla a aparência e a função do formulário de comentários do seu site. Sem ele, seu site será executado no formulário de comentários não mostrando o erro do WordPress.

O formulário de comentário padrão do WordPress conterá 3 campos: Nome , Email e Site . Em seguida, haverá um preenchimento de Textarea onde os leitores podem digitar seus comentários. Uma caixa de seleção de privacidade deve seguir para estar em conformidade com a lei GDPR e, finalmente, o botão Enviar .

Essa é a aparência padrão, no entanto. Se você não estiver satisfeito com isso e quiser mostrar seu formulário de comentário em um design diferente, aqui está a abordagem a seguir.

Estilizando o Formulário

O formulário de comentário do WordPress é gerado por uma função:

 <?php comment_form(); ?>

Existem dois parâmetros nesta função.

Um é o recurso principal e o outro é o ID da postagem. Quando reunida, essa função exibirá o formulário de comentário em uma determinada postagem (correlacionada com o ID da postagem) na sua página do WordPress.

Personalizando a função do formulário

Mostraremos algumas das variáveis ​​que você pode chamar e modificar para alterar diferentes aspectos do formulário de comentário.

IDs de elementos

Os IDs de elemento são uma classe de parâmetros que permitem modificar o ID dos elementos no formulário. id_form lhe dará controle sobre o ID do próprio formulário de comentário. E você pode controlar o ID do botão enviar por meio do parâmetro id_submit .

Rótulos e Títulos

Quatro funções lhe darão controle sobre os títulos em seu formulário de comentários.

• title_reply é a função que você pode usar para modificar o título na parte superior do formulário quando estiver escrevendo um comentário de nível superior (o comentário para a própria postagem).
• title_reply_to pode ajudá-lo a modificar o título do formulário de comentário ao escrever uma resposta ao comentário de outra pessoa.
• cancel_reply_link controla o texto no link de cancelamento, que, ao ser clicado, descartará o comentário.

Aqui está a diferença entre um comentário de nível superior e um comentário de resposta.

O único rótulo que aparece em um formulário de comentário padrão será o rótulo do botão Enviar , conhecido como label_submit .

Notas e Textos

Se você deseja que os usuários façam login em suas contas antes de postar um comentário, você pode chamar dois parâmetros:

• Must_log_in : Este texto aparece no formulário de comentário quando o usuário não está logado. Geralmente é usado para avisar o usuário que ele ainda não está logado e solicitará que ele faça login.

• Log_in_as : Uma vez logado, aparecerá o texto definido neste parâmetro.

Dois parâmetros irão controlar a nota de texto vista antes e depois do formulário de comentário. Eles são: comment_notes_before e comment_notes_after .

Normalmente, comment_notes_after é definido para informar o usuário sobre elementos HTML funcionais. No entanto, não parece agradável no site, então a maioria das pessoas não precisa conhecer ou usar esses elementos de qualquer maneira. Em vez disso, eles optam por deixar comment_notes_after vazio, inserindo uma string vazia nele.

Campos

Existem dois tipos de campos em um formulário de comentário do WordPress. Você pode personalizá-los anotando seus códigos HTML completos.

• campos : Este parâmetro permite que você modifique o campo autor, e-mail e URL.

• comment_field : Como o próprio nome sugere, este é o parâmetro para o campo de comentário (onde os leitores digitam seus comentários).

Idéias de estilo de formulário de comentário do WordPress

Depois de entender os fundamentos de como estilizar e modificar o formulário de comentários do WordPress, aqui estão algumas ideias bacanas que você pode aplicar ao seu próprio site.

#1 Adicione o texto da política ao formulário de comentários

A seção de comentários é uma ótima maneira de os leitores interagirem com você e se envolverem uns com os outros. No entanto, é do interesse de todos ter uma política de comentários em que você estabeleça as regras básicas sobre o tipo de comentário ou idioma permitido.

Você pode adicionar uma seção com links para uma página dedicada para isso antes do formulário de comentário com este modelo de código:

 function comment_text_before($arg) {
$arg['comment_notes_before'] .= '<p class="comment-policy"">A seção de comentários é moderada. Aqui está nossa <a href="http://www.example.com/comment-policy/" >política de comentários</a>.</p>';
retornar $arg;
}

add_filter('comment_form_defaults', 'comment_text_before');

#2 Mova o formulário de comentário para a parte inferior da página

Por padrão, o WordPress exibe a caixa de texto para o comentário primeiro. Em seguida, ele coloca os campos para nome, e-mail e outros na parte inferior. Se você quiser inverter esse layout e exibir as caixas para nome, e-mail, etc. primeiro, aqui está um código útil que você pode usar:

 função move_comment_field_to_bottom( $campos ) {
$campo_comentário = $campos['comentário'];
unset($campos['comentário']);
$campos['comentário'] = $campo_comentário;
retornar $campos;
}

add_filter('comentário_form_fields', 'move_comment_field_to_bottom');

#3 Excluir URLs de sites dos comentários

O spam é algo com o qual praticamente todos os sites da Internet precisam lidar. E é principalmente na seção de comentários que os spammers prosperam. A maioria dos conteúdos de spam contém um URL. Portanto, se você definir um código para remover automaticamente qualquer comentário que contenha um link, poderá reduzir o spam em seu site.

Este código pode ajudá-lo a fazer exatamente isso:

 function remove_comment_url($arg) {
$arg['url'] = '';
retornar $arg;
}

add_filter('comment_form_default_fields', 'remove_comment_url');

Estilize seu próprio formulário de comentário do WordPress agora!

Embora o formulário de comentário possa parecer simples, modificá-lo e estilizá-lo pode ser difícil.

Para a maioria das pessoas, é altamente recomendável usar plug-ins personalizados do WordPress para formulários de comentários. Eles são fáceis de usar e atendem às necessidades da grande maioria dos usuários.

Mas para usuários avançados e administradores da web de nível profissional, mergulhar direto na codificação lhe dará mais controle sobre a aparência e a função do formulário de comentários do seu site!

Seja qual for o caso, o formulário de comentários é parte integrante de qualquer site. Se você torná-lo bonito ou útil o suficiente, seus espectadores ficarão impressionados e, portanto, você aumentará a probabilidade de retornar o tráfego.

Portanto, gaste o máximo de tempo possível estilizando e personalizando! Depois de terminar o formulário de comentários, é hora de aprender a gerenciar os campos de comentários.

Se você tiver alguma dúvida sobre o formulário de comentários do WordPress, informe-nos na seção de comentários abaixo!