Você quer mudar o estilo do formulário de comentários do WordPress no seu site? Na WPBeginner, passamos anos experimentando diferentes maneiras de aumentar o engajamento do usuário e descobrimos que um formulário de comentários bonito e fácil de usar pode fazer uma diferença enorme .
Comentários desempenham um papel importante na construção do engajamento do usuário em um site. Quando você torna fácil e visualmente atraente para os usuários deixarem comentários, você incentiva mais discussões e interações no seu site.
Neste artigo, mostraremos como estilizar facilmente o formulário de comentários do WordPress para aumentar o engajamento no seu site.
Antes de Começar
Temas do WordPress controlam a aparência do seu site. Cada tema do WordPress vem com vários arquivos, incluindo arquivos de modelo, arquivo functions, JavaScripts e folhas de estilo.
Folhas de estilo contêm as regras de CSS para todos os elementos usados pelo seu tema do WordPress. Você pode adicionar seu próprio CSS personalizado para substituir as regras de estilo do seu tema.
Se você nunca fez isso antes, consulte nosso artigo sobre como adicionar CSS personalizado no WordPress para iniciantes.
Além do CSS, você também pode precisar adicionar algumas funções para modificar a aparência padrão do seu formulário de comentários do WordPress. Se você nunca fez isso antes, consulte nosso artigo como copiar e colar código no WordPress.
Dito isso, vamos dar uma olhada em como estilizar o formulário de comentários do WordPress.
Como este é um guia bastante abrangente, criamos um índice para facilitar a navegação:
- Estilizando o Formulário de Comentários do WordPress Usando o SeedProd Theme Builder
- Change WordPress Comments with Default CSS Classes
- Adicionando Login Social aos Comentários do WordPress
- Adicionando Texto de Política de Comentários no Formulário de Comentários do WordPress
- Mover o Campo de Texto de Comentários para Baixo
- Remover o Campo Website (URL) do Formulário de Comentários do WordPress
- Adicionar uma Caixa de Seleção para Assinar Comentários no WordPress
- Adicionar Campos Personalizados ao Formulário de Comentários do WordPress
Estilizando o Formulário de Comentários do WordPress Usando o SeedProd Theme Builder
Este método requer o SeedProd, que é o melhor plugin construtor de páginas e temas do WordPress do mercado.
É recomendado para iniciantes sem experiência em codificação. No entanto, a desvantagem deste método é que ele substituirá seu tema WordPress existente por um tema personalizado.
Primeiro, você precisa instalar e ativar o plugin SeedProd. Para mais detalhes, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.
Observação: Você precisará de pelo menos o plano PRO para acessar o recurso de construtor de temas.
Após a ativação, você precisará criar modelos para o seu tema WordPress personalizado. O SeedProd permite que você gere facilmente esses modelos usando um de seus temas integrados.
Para instruções detalhadas, consulte nosso tutorial sobre como criar um tema WordPress personalizado sem codificação.
Depois de gerar seus modelos de tema, você precisa clicar no link 'Editar Design' sob o modelo de Postagem Única.
Isso carregará a pré-visualização da postagem única na interface do construtor de temas do SeedProd. Você notará o bloco do formulário de comentários na parte inferior da pré-visualização.
Simplesmente clique no formulário de comentários e você verá suas propriedades no painel esquerdo.
A partir daqui, você pode adicionar uma nota de comentário ou política de privacidade, você também pode mudar para a aba 'Avançado' para editar o estilo do formulário de comentários sem escrever nenhum código CSS.
Quando terminar, não se esqueça de clicar no botão 'Salvar' para publicar suas alterações.
O SeedProd torna super fácil alterar o estilo de qualquer elemento em seu site sem escrever código.
No entanto, é um construtor de temas e você pode já estar usando um tema do WordPress que você gosta. Nesse caso, as dicas a seguir ajudarão você a alterar manualmente os estilos do formulário de comentários no WordPress.
Alterando o Estilo do Formulário de Comentários no WordPress
Dentro da maioria dos temas do WordPress, existe um template chamado comments.php. Este arquivo é usado para exibir comentários e formulários de comentários em suas postagens de blog. O formulário de comentários do WordPress é gerado usando a função: <?php comment_form(); ?>.
Por padrão, esta função gera seu formulário de comentários com três campos de texto (Nome, E-mail e Website), um campo de área de texto para o texto do comentário, uma caixa de seleção para conformidade com o GDPR e o botão de envio.
Você pode modificar facilmente cada um desses campos simplesmente ajustando as classes CSS padrão. Abaixo está uma lista das classes CSS padrão que o WordPress adiciona a cada formulário de comentários.
#respond { }
#reply-title { }
#cancel-comment-reply-link { }
#commentform { }
#author { }
#email { }
#url { }
#comment
#submit
.comment-notes { }
.required { }
.comment-form-author { }
.comment-form-email { }
.comment-form-url { }
.comment-form-comment { }
.comment-form-cookies-consent { }
.form-allowed-tags { }
.form-submit
Ao simplesmente ajustar essas classes CSS, você pode mudar completamente a aparência do seu formulário de comentários do WordPress.
Vamos tentar mudar algumas coisas, para que você tenha uma boa ideia de como isso funciona.
Primeiro, começaremos destacando o campo ativo do formulário. Destacar o campo atualmente ativo torna seu formulário mais acessível para pessoas com necessidades especiais e também deixa seu formulário de comentários mais bonito em dispositivos menores.
#respond {
background: #fbfbfb;
padding:0 10px 0 10px;
}
/* Highlight active form field */
#respond input[type=text], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid #DDDDDD;
}
#respond input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
margin: 5px 1px 3px 0px;
border: 2px solid rgba(81, 203, 238, 1);
}
É assim que nosso formulário ficou no tema Twenty Sixteen do WordPress após as alterações:
Usando essas classes, você pode mudar o comportamento de como o texto aparece dentro das caixas de entrada. Vamos mudar o estilo de texto dos campos de nome do autor e URL.
#author, #email {
font-family: "Open Sans", "Droid Sans", Arial;
font-style:italic;
color:#1d1d1d;
letter-spacing:.1em;
}
#url {
color: #1d1d1d;
font-family: "Luicida Console", "Courier New", "Courier", monospace;
}
Se você observar atentamente na captura de tela abaixo, a fonte dos campos de nome e e-mail é diferente da URL do site.
Você também pode alterar o estilo do botão de envio do formulário de comentários do WordPress. Em vez de usar o botão de envio padrão, vamos dar a ele um gradiente CSS3 e sombra de caixa.
#submit {
background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
background-color:#44c767;
-moz-border-radius:28px;
-webkit-border-radius:28px;
border-radius:28px;
border:1px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:17px;
padding:16px 31px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
}
#submit:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
background-color:#5cbf2a;
}
#submit:active {
position:relative;
top:1px;
}
Levando os Formulários de Comentários do WordPress para o Próximo Nível
Você pode estar pensando que isso foi muito básico. Bem, temos que começar por aí para que todos possam acompanhar.
No entanto, você pode levar seu formulário de comentários do WordPress para o próximo nível reorganizando os campos do formulário, adicionando login social, assinaturas de comentários, diretrizes de comentários, tags rápidas e muito mais.
Adicionar Login Social aos Comentários do WordPress
Vamos começar adicionando logins sociais aos comentários do WordPress.
A primeira coisa que você precisa fazer é instalar e ativar o plugin Super Socializer. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.
Após a ativação, você precisa visitar Super Socializer » Social Login e, em seguida, marcar a caixa que diz 'Enable Social Login'.
Isso abre o painel de opções de login social. Primeiro, clique na aba ‘Advanced Configuration’.
Em seguida, certifique-se de que a caixa ‘Enable at comment form’ esteja marcada.
Em seguida, clique na aba ‘Basic Configuration’. Aqui, você pode escolher as redes sociais que deseja adicionar marcando as caixas na seção ‘Select Social Networks’.
Abaixo disso, o plugin exigirá chaves de API para se conectar com plataformas sociais. Simplesmente clique no ícone de ‘Ponto de Interrogação’ para exibir as instruções sobre como obtê-las para cada plataforma.
Quando terminar, clique no botão ‘Save Changes’ para salvar suas configurações de login social.
Agora você pode visitar seu site para ver os botões de login social acima do seu formulário de comentários.
Adicionando Texto de Política de Comentários Antes ou Depois do Formulário de Comentários
Amamos todos os nossos usuários e realmente apreciamos que eles dediquem alguns minutos para deixar um comentário em nosso site. No entanto, para criar um ambiente de discussão saudável, é importante moderar comentários.
Para ter total transparência, criamos uma página de política de comentários, mas você não pode simplesmente colocar este link no rodapé.
Queríamos que nossa política de comentários fosse proeminente e visível para todos os usuários que deixam um comentário. É por isso que decidimos adicionar a política de comentários em nosso formulário de comentários do WordPress.
Se você deseja adicionar uma página de política de comentários, a primeira coisa que você precisa fazer é criar uma página no WordPress e definir sua política de comentários (você pode roubar a nossa e modificá-la para atender às suas necessidades).
Depois disso, você pode adicionar o seguinte código ao arquivo functions.php do seu tema ou a um plugin de trecho de código.
function wpbeginner_comment_text_before($arg) {
$arg['comment_notes_before'] .= '<p class="comment-policy"">We are glad you have chosen to leave a comment. Please keep in mind that comments are moderated according to our <a href="http://www.example.com/comment-policy-page/">comment policy</a>.</p>';
return $arg;
}
add_filter('comment_form_defaults', 'wpbeginner_comment_text_before');
O código acima substituirá as notas antes do formulário de comentários padrão por este texto. Também adicionamos uma classe CSS ao código, para que possamos destacar o aviso usando CSS. Aqui está o CSS de exemplo que usamos:
p.comment-policy {
border: 1px solid #ffd499;
background-color: #fff4e5;
border-radius: 5px;
padding: 10px;
margin: 10px 0px 10px 0px;
font-size: small;
font-style: italic;
}
É assim que ficou em nosso site de teste:
Se você deseja exibir o link após a área de texto do comentário, use o seguinte código.
function wpbeginner_comment_text_after($arg) {
$arg['comment_notes_after'] .= '<p class="comment-policy"">We are glad you have chosen to leave a comment. Please keep in mind that comments are moderated according to our <a href="http://www.example.com/comment-policy-page/">comment policy</a>.</p>';
return $arg;
}
add_filter('comment_form_defaults', 'wpbeginner_comment_text_after');
Não se esqueça de alterar a URL de acordo, para que ela aponte para sua página de política de comentários em vez de example.com.
Mover o Campo de Texto de Comentários para Baixo
Por padrão, o formulário de comentários do WordPress exibe primeiro a área de texto do comentário e, em seguida, os campos de nome, e-mail e site. Essa alteração foi introduzida no WordPress 4.4.
Antes disso, os sites WordPress exibiam primeiro os campos de nome, e-mail e site, e depois a caixa de texto do comentário. Sentimos que nossos usuários estavam acostumados a ver o formulário de comentários nessa ordem, então ainda usamos a ordem antiga dos campos no WPBeginner.
Se você quiser fazer isso, tudo o que você precisa fazer é adicionar o seguinte código ao arquivo functions.php do seu tema ou a um plugin de trechos de código.
function wpb_move_comment_field_to_bottom( $fields ) {
$comment_field = $fields['comment'];
unset( $fields['comment'] );
$fields['comment'] = $comment_field;
return $fields;
}
add_filter( 'comment_form_fields', 'wpb_move_comment_field_to_bottom');
Sempre recomendamos adicionar código no WordPress usando um plugin de trechos de código como o WPCode. Isso facilita a adição de código personalizado sem editar seu arquivo functions.php, para que você não precise se preocupar em quebrar seu site.
Para começar, você precisa instalar e ativar o plugin gratuito WPCode. Para instruções, consulte este guia sobre como instalar um plugin do WordPress.
Após a ativação, vá para Trechos de Código » + Adicionar Trecho no painel do WordPress.
A partir daí, encontre a opção ‘Adicionar Seu Código Personalizado (Novo Snippet)’ e clique no botão ‘+ Adicionar Snippet Personalizado’ abaixo dela.
Depois disso, você precisa selecionar ‘Trecho PHP’ como o tipo de código na lista de opções que aparecem na tela.
Em seguida, adicione um título para o seu trecho na parte superior da página, pode ser qualquer coisa para ajudá-lo a lembrar para que serve o código.
Em seguida, cole o código acima na caixa ‘Visualização do Código’.
Por último, basta alternar o interruptor de ‘Inativo’ para ‘Ativo’ e clicar no botão ‘Salvar Trecho’.
Este código simplesmente move o campo de área de texto de comentários para o final.
Remover o Campo Website (URL) do Formulário de Comentários do WordPress
O campo do site no formulário de comentários atrai muitos spammers. Embora removê-lo não impeça spammers ou mesmo reduza comentários de spam, certamente o poupará de aprovar acidentalmente um comentário com um link ruim para o site do autor.
Isso também reduzirá um campo do formulário de comentários, tornando-o mais fácil e amigável. Para mais informações sobre este tópico, consulte nosso artigo sobre como remover o campo de URL do site do formulário de comentários do WordPress.
Para remover o campo de URL do formulário de comentários, basta adicionar o seguinte código ao seu arquivo functions.php ou a um plugin de trecho de código.
function wpbeginner_remove_comment_url($arg) {
$arg['url'] = '';
return $arg;
}
add_filter('comment_form_default_fields', 'wpbeginner_remove_comment_url');
Você pode seguir os mesmos passos da seção anterior para adicionar com segurança este código no WordPress usando o plugin WPCode.
Adicionar uma Caixa de Seleção para Assinar Comentários no WordPress
Quando os usuários deixam um comentário em seu site, eles podem querer acompanhar essa discussão para ver se alguém respondeu ao comentário deles. Ao adicionar uma caixa de seleção para assinar comentários, você permite que os usuários recebam notificações instantâneas sempre que um novo comentário aparecer na postagem.
Para adicionar esta caixa de seleção, a primeira coisa que você precisa fazer é instalar e ativar o plugin Subscribe to Comments Reloaded. Após a ativação, você precisa visitar a página StCR » Formulário de Comentários para configurar as definições do plugin.
Para instruções detalhadas passo a passo, consulte nosso artigo sobre como permitir que os usuários assinem comentários no WordPress.
Adicionar Campos Extras ao Formulário de Comentários do WordPress
Quer adicionar campos extras ao seu formulário de comentários do WordPress? Por exemplo, um campo opcional onde os usuários podem adicionar seu identificador do Twitter?
Simplesmente instale e ative o plugin WordPress Comments Fields . Após a ativação, vá para a página ‘Campos de Comentários’ e mude para a aba ‘Campos de Comentários’.
Simplesmente arraste e solte um campo personalizado e dê a ele um título, descrição e nome de dados.
Assim que terminar de adicionar os campos, não se esqueça de clicar no botão ‘Salvar todas as alterações’.
Agora você pode visualizar seu formulário de comentários para ver os campos personalizados em ação.
Os campos personalizados são então exibidos na moderação de comentários e abaixo do conteúdo do comentário.
Para mais detalhes, veja nosso tutorial sobre como adicionar campos personalizados ao formulário de comentários no WordPress.
Esperamos que este artigo tenha ajudado você a aprender como estilizar o formulário de comentários do WordPress para torná-lo mais divertido para seus usuários. Você também pode querer ver nossas dicas para obter mais comentários em suas postagens de blog do WordPress e nossas escolhas de especialistas dos melhores plugins de mídia social para WordPress.
Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.
tom
Ótimo artigo! Muito obrigado
WPBeginner Support
You’re welcome
Admin
mobileninja
Muito obrigado. É um artigo muito útil.
WPBeginner Support
Glad it could be helpful
Admin
Emma
Olá. Ótimo tutorial. Eu queria impedir que meus usuários adicionassem o URL do site deles na seção de comentários, porque isso causa travamentos para alguns usuários (não sei por quê). Consegui, mas agora ainda aparece a mensagem usual “lembre meu nome, e-mail e site para a próxima vez que eu deixar um comentário”. Você sabe como corrigir isso?
WPBeginner Support
Você pode querer verificar com o suporte do seu tema e informá-los sobre os travamentos e a edição dessa mensagem.
Admin
WPBeginner Support
Glad our guide could help
Admin
Deepak Bharti
Obrigado por compartilhar este tipo de artigo. É útil para mim e para o meu site.
WPBeginner Support
Glad our article could be helpful
Admin
Rubel Ahmed
Olá
Bom artigo e usei algumas de suas sugestões, mas encontrei um erro de código que precisa ser corrigido em ‘Adicionar texto de política de comentários antes ou depois do formulário de comentários’.
Você colocou o filtro de adição dentro da função, caso contrário, ele não será executado, ele precisa ser movido para fora da função.
Rubel
WPBeginner Support
Both filters should be outside the function but we will certainly take another look and update if we can see the error
Admin
suvo
Obviamente gosto do seu site. Obrigado por compartilhar. Eu leio seu blog todos os dias. É muito chato dizer a verdade, mas voltarei com certeza. Por favor, escreva mais sobre esses tópicos.
WPBeginner Support
Glad you like our articles
Admin
ARPIT
As informações que você forneceu aqui são muito boas. Bom tutorial. Obrigado por compartilhar. Eu estava procurando por isso há muito tempo. Está realmente me ajudando a me familiarizar mais com o WordPress!
WPBeginner Support
Olá Arpit,
We are glad you found the tutorial helpful.
Admin
Hồ Ngọc Thanh
Não consigo encontrar #respond { }
#reply-title { }
#cancel-comment-reply-link { }
#commentform { }
#author { }
#email { }
#url { }
#comment
#submit
no meu tema do WordPress?
WPBeginner Support
Seu tema pode ter estilizado de forma diferente. Para encontrar o que você procura, você precisará consultar nosso artigo: https://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
O # seria para o ID do objeto, então se algo tivesse o ID de button, seria #button
Admin
Chintan
Como adicionar pré-visualização de comentários em tempo real?
Paulina
Olá, obrigado por este artigo muito útil. Estou interessado em adicionar um texto antes do botão “enviar”. No código que você está fornecendo aqui: eu precisaria mudar as palavras ‘wpbeginner’ para algo mais conectado ao meu próprio site?
Akramul Hasan
Olá Paulina,
Você pode adicionar texto ou qualquer coisa antes do botão Enviar usando um simples hook de filtro que funciona para os campos do formulário de comentários.
Hena
Uau!! É muito bom
Woolker Cherenfant
Oi! Ótimo artigo como sempre. Mas estou me perguntando como posso mudar a palavra “diz” na seção de comentários. Quero traduzi-la para o crioulo haitiano “di”. Alguma ajuda com isso?
Agradeço antecipadamente.
—Woolker
Tisha
Is it possible to copy the code to blogger?. Because I want to make Wordpress style comment in my Blogger blog. Thanks for your help.
Mate Hodi
Olá!
Ótimo artigo! Eu estava procurando uma solução para mudar a parte “Deixe uma resposta”. Você tem alguma ideia de como posso mudar isso?
Neeraj
Este é um guia útil que me deu orientação completa sobre a otimização da seção de comentários.
Kevin Byrnes
Excelente artigo. Eu também enfrentarei alguns desses problemas...
JP
Oi
Adoro seus tutoriais! Ainda tenho uma pergunta; é popular mudar a cor de fundo acinzentada de todo o formulário de comentários para outra coisa? Talvez até para uma imagem em vez de uma cor sólida?
Mahesh
Adorei seus tutoriais. É muito fácil de entender e mais útil em qualquer lugar.
Obrigado por compartilhar, senhor.
Lisa Marten
Posso colocar a caixa de comentários para ser preenchida acima da lista de comentários postados em vez de abaixo?
WPBeginner Support
Sim, você pode.
Admin
SiRetu
Existe algum tutorial completo? Quero dizer, começando do zero, incluindo a criação do arquivo comments.php desde o início. Obrigado, ótimo tutorial como sempre.
Luis Izquierdo
Estou personalizando o tema filho do meu wp e consegui colocar o texto da política acima do formulário de comentários. Mas ele só aparece para usuários deslogados. Como faço para que ele apareça para usuários logados?
Luca Morelli
Olá, ótimo tutorial: obrigado!
Continuo aprimorando meu conhecimento sobre WordPress graças às suas aulas. Tenho uma pergunta (não sei muito sobre php): consegui adicionar o texto da política de comentários antes do botão de enviar, mas notei que se eu clico em "responder" e vejo seus códigos, a saída php está dentro da tag de parágrafo junto com uma classe chamada "commentpolicy". Como você conseguiu isso (por exemplo, como estilizar a saída php em uma página HTML com uma tag e uma classe, que podem então ser estilizadas com CSS)?
Espero ter explicado corretamente e que minha pergunta faça sentido.
Novamente, muito obrigado por todos os seus tutoriais.
Luca
WPBeginner Support
Não temos certeza do que você está tentando perguntar. Você pode explicar um pouco mais? Obrigado.
Admin
Jayanta
Tenho a mesma pergunta. Tentando esclarecer um pouco.
Adicionei seu trecho para obter o texto da política de comentários antes do campo de comentários. Mas isso é apenas um texto, nenhuma classe div especial foi adicionada para esse texto. Portanto, não consigo estilizar usando CSS (gostaria de diminuir o tamanho do texto, ou talvez colocar uma caixa delimitadora nele). Por favor, nos guie. Espero que faça sentido agora. Muito obrigado.
Erick
Como você faz os comentários parecerem com este site?
gift charles
Muito obrigado por isso, eu estava procurando há muito tempo uma maneira de fazer os comentários nativos parecerem melhores porque eu os prefiro a outros serviços como comentários do Facebook ou Disqus
Adnan Bashir
Como você deve ter notado, a versão mais recente do WP (4.4) está exibindo o formulário de Nome e E-mail abaixo da caixa de texto, você tem alguma ideia de como reverter para o estilo antigo (caixa de Nome e E-mail acima da caixa de texto)?
Obrigado
WPBeginner Support
Por favor, dê uma olhada em Como mover o campo de texto de comentários para baixo no WordPress 4.4
Admin
Adnan Bashir
Thank you, now the Comment form is looking better
mario
Olá, ótimo tutorial!
Mas eu gostaria de saber mais uma coisa: é possível adicionar uma caixa de seleção para a política de privacidade? Como o sistema do WordPress coleta o IP, quero que meus usuários marquem a caixa antes de enviar a mensagem. Alguma sugestão? Obrigado!
WPBeginner Support
Por favor, veja nosso artigo sobre como adicionar campos personalizados ao formulário de comentários no WordPress.
Admin
Ramon
Eu gostaria de ter os campos de entrada de comentários acima dos próprios comentários para que meus clientes possam deixar um comentário sem a necessidade de rolar a página até o final.
Existe uma maneira fácil de conseguir isso?
Obrigado.
dragons
Existe alguma maneira de adicionar um botão EDITAR para os comentaristas? Para que eles possam corrigir erros de digitação e afins? E se o site quiser permitir que os comentaristas façam upload de imagens nos comentários? Existe uma maneira de fazer isso?
Rick Hellewell
Bom tutorial. Usei-o para desenvolver meu próprio plugin de formulário de contato personalizado, onde redefino os $args para os campos do formulário de comentários.
Mas acontece que, durante os testes, alguns temas criam seu próprio campo de 'textarea', que se adiciona ao meu campo de 'textarea', resultando em dois campos de texto de comentário. Não é bom.
Defini meu add_filter( ‘comment_form_default_fields’…. com uma prioridade maior (99) para que aconteça mais tarde na 'construção da página' (depois que o tema faz seu comment_form_default_fields), mas as caixas de texto de comentário duplicadas ainda estão lá. Também tentei uma prioridade de 8, e isso também não funcionou.
Então, você consegue pensar em uma maneira genérica (que funcione para qualquer tema) que possa determinar se o campo de comentário já foi definido? E, se o duplicado for encontrado, remover o do tema, para que eu possa substituí-lo pelo meu?
Entendo que o problema é causado por más práticas de codificação no tema, mas gostaria de encontrar uma solução alternativa.
Obrigado....Rick...
Larisa Frolova
Obrigado!
Pesquisei nos fóruns e no Google sobre isso, mas ainda estou um pouco confuso sobre o que fazer. Se eu quiser apenas mudar a LOCALIZAÇÃO do link de comentário/resposta que aparece nas postagens, como faço isso? Não é que eu queira torná-lo invisível ou mudar a redação – eu só quero que ele fique no final de uma postagem, não no topo.
Como faço para fazer isso para o tema Twenty-Twelve?
Mikael
Gostei deste layout!
lflier
Muito útil!
Estou gostando muito do sistema de comentários Disqus que você está usando agora. É elegante e muito convidativo. Eu me pego deixando mais comentários em sites que usam Disqus.
Mas estou desencorajado de usá-lo no meu próprio site pela falta de integração com o fluxo de atividades do BuddyPress. Então, quanto mais eu puder fazer para otimizar o sistema de comentários nativo do WordPress e torná-lo tão convidativo quanto o Disqus, melhor. Obrigado novamente pelo seu tutorial.
Therese
Muito obrigado por tudo isso! Está me ajudando muito a me familiarizar com o WordPress!
Eu já tenho os logins de redes sociais, já resolvi a borda, mas agora estou totalmente travado tentando encontrar *onde* editar a fonte das caixas individuais da caixa de comentários.
I can’t figure it out.
Can you please tell me where exactly to find that? You don’t specify this clearly enough in the tutorial.
WPBeginner Support
Por favor, veja como mudamos as fontes para os campos de entrada #author e #url no artigo. Para mudar a fonte na caixa de comentários, você pode usar algo como isto:
#comment { font-family: arial, verdana, sans-serif; font-size: 16px; }1-click Use in WordPress
Admin
JG
como adiciono uma caixa de seleção obrigatória que as pessoas precisam marcar antes que o formulário seja enviado? Tentei adicionar o campo adicionando um campo em add_filter(‘comment_form_default_fields,) enquanto o campo é exibido, o formulário ainda pode ser enviado sem marcar a caixa.
Jewel
Muito obrigado...
Bhushan
Estou tentando
Ann
Li seu tutorial... e estava me perguntando se ele pode ser aplicado a um site WordPress que tem um Genesis Framework e um tema filho. Estou usando o tema filho Epic, a propósito. Obrigado pela sua ajuda.
WPBeginner Support
Sim, algumas partes do tutorial podem ser aplicadas diretamente ao seu tema filho. Para estilização CSS, você precisa sobrescrever o CSS do seu tema filho.
Admin
Jonathan
Alguma ideia de como colocar essas caixas de seleção para Assinar Comentários e outros plugins para que apareçam acima do botão Enviar? Existe uma maneira de definir onde o WordPress normalmente incluiria esses itens?
WPBeginner Support
se você estiver usando o plugin Subscribe to comments, então você pode colocar
<?php show_subscription_checkbox(); ?>em seus templates onde você quer que a caixa de seleção de assinatura apareça.Admin
Jeff Hilron
Estou tentando descobrir como obter os avatares redondos.
Equipe Editorial
Aqui está um tutorial para você:
https://www.wpbeginner.com/wp-themes/how-to-display-round-gravatar-images-in-wordpress/
Admin
Ravinder
Ótimo tutorial. As informações que você forneceu aqui são muito boas. Eu estava procurando por isso há um tempo. Obrigado por compartilhar.
mohib
Este é um tutorial maravilhoso, “Clique aqui para cancelar a resposta” eu quero mudar este nome, mas não encontrei nenhuma maneira, você poderia me ajudar por favor?
Mike Lee
Olá, seu tutorial é maravilhoso e eu gostaria de perguntar como fazer o formulário de comentários aparecer sob o comentário específico ao clicar na palavra ‘Responder’ desse comentário.
Obrigado
Equipe Editorial
Isso acontece por padrão no tema do WordPress quando você permite comentários encadeados. O WordPress carrega comment-reply.min.js. Se o seu tema não estiver carregando isso, então você precisa carregá-lo.
Admin
Jae
Eu tenho o tema Elegant Tonight no meu WordPress, e tenho minhas configurações do painel-discussão definidas para: Habilitar comentários encadeados (aninhados) com 3 níveis de profundidade. Então, eu deveria estar vendo comentários encadeados, mas não estou. O WordPress parece não estar carregando comment-reply.min.js. Onde no meu tema comments.php eu adiciono isso? E eu adiciono exatamente isso, ou em algum outro formato de código? Obrigado por qualquer conselho!
Equipe Editorial
Olá Jae,
A equipe da Elegant Themes está mais bem equipada para responder a essa pergunta porque não estamos muito familiarizados com esse tema. Quando você paga pela Elegant Themes, você também tem acesso ao suporte deles.
Robo Ek
Artigo útil mais uma vez de você. Talvez você devesse mudar seu nome. Até profissionais achariam seu tutorial útil
Adrian Robertson
Mais um bom tutorial de vocês, sempre que não me lembro como fazer algo, acabo no seu site.
Ótimo trabalho!
Mattia
Hi guys thanks a lot. Just a question: which is the difference between and . With this last one, your adivecs don’t work!
Mattia
sorry the output deleted my question: difference between “comment_form” and “comment_template”…
Equipe Editorial
Sem problema. Então comments_template é uma função que carrega o template usado para exibir comentários. Ele carrega o arquivo comments.php por padrão, no entanto, você pode usar outro arquivo se tiver uma versão personalizada. O arquivo comments.php geralmente contém o código para carregar todos os comentários, e também contém a função comment_form. A função comment_form exibe o formulário de comentários real (nome, e-mail, site, mensagem, botão de envio, etc.).
Hope that helped clear things up
Admin
Mattia
It did. Thanks
Sue Kearney
Estou adorando todas essas informações valiosas, algumas das quais eu peguei descaradamente do que você faz. Estou mais ou menos na metade. Dê uma olhada aqui: http://goo.gl/8r9uO
Obrigado novamente!
Ernice Gilbert
Olá, como faço para adicionar um botão de resposta na caixa de comentários, igual ao seu, no meu site WordPress? É um plugin ou um ajuste de código?
Obrigado.
Equipe Editorial
Oi Ernice,
Não é um plugin. Estamos usando a mesma técnica mostrada neste artigo. Em vez de usar cor de fundo, estamos usando a propriedade de imagem de fundo do CSS.
Admin
Rifat Bin Sharif
No meu tema do WordPress, acabei de notar que na área de comentários há uma palavra "says" mas não consegui encontrá-la no arquivo comments.php. Como remover este texto?
Obrigado
Colin Crawford
Olá, ótimo artigo e usei algumas de suas sugestões, mas encontrei um erro de código que precisa ser corrigido em 'Adicionando Texto de Política de Comentários Antes ou Depois do Formulário de Comentários'.
Você colocou o filtro de adição dentro da função, caso contrário, ele não será executado, ele precisa ser movido para fora da função.
Colin
Equipe Editorial
Fixed it
Admin
Gaelyn
Todas as sugestões maravilhosas. Agora, como mudar a palavra "respostas" para "comentário" e torná-la mais proeminente. No tema Suffusion. Obrigado.
Equipe Editorial
Edite seu arquivo comment.php no tema para fazer a alteração.
Admin
Umer Rock
Eu só quero adicionar uma imagem bem na Caixa de Comentários, como posso fazer, por exemplo, esta é uma captura de tela da caixa de comentários: http://oi48.tinypic.com/2itrket.jpg
Equipe Editorial
Você provavelmente poderia usar os filtros mostrados no artigo e CSS para fazer com que pareça assim.
Admin
Umer Rock
Ok. Obrigado, vou considerar novamente o artigo. Bem, eu não sou especialista em CSS.