Como Mover o Campo de Texto de Comentários para Baixo no WordPress 4.4

Você notou que houve uma pequena mudança nos campos do formulário de comentários no WordPress 4.4? A área de texto do comentário foi movida para o topo, enquanto os campos Nome, E-mail e Site foram movidos para a parte inferior. Um de nossos leitores perguntou se havia uma maneira de mover o campo de texto do comentário de volta para baixo. Sim, existe, pois nós o fizemos em nosso site. Neste artigo, mostraremos como mover o campo de texto do comentário para a parte inferior no WordPress 4.4 e versões posteriores.

Mover campo de comentário para baixo no WordPress 4.4

Por que o Layout do Texto do Formulário de Comentários Foi Alterado?

A decisão de mover o campo de texto do formulário de comentários para a parte inferior foi tomada para corrigir um bug no layout do formulário de comentários do WordPress.

Anteriormente, quando os usuários clicavam no botão de responder, eles eram levados para a área de texto do comentário. Se um usuário estivesse no desktop, ele podia ver claramente que precisava preencher primeiro os campos de nome e e-mail.

Mas no celular, os usuários podem nem mesmo ver os campos de nome e e-mail do comentário. Eles podem escrever e enviar um comentário apenas para retornar com um erro de que esqueceram de inserir os campos de nome e e-mail.

Isso era ruim do ponto de vista de usabilidade e acessibilidade, e o WordPress 4.4 abordou essa questão.

É assim que o formulário de comentários padrão se parece agora.

Novo layout do formulário de comentários após o WordPress 4.4

Embora essa mudança melhore a usabilidade, alguns proprietários de sites acreditam que seus usuários estão acostumados com o layout antigo e desejam voltar. Veja como você pode fazer isso.

Mover o Campo de Texto do Comentário para Baixo

Basta adicionar este trecho de código no arquivo functions.php do seu tema ou em um plugin específico para o site.

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' );

Isso é tudo, agora você pode visitar uma postagem no seu site como um usuário desconectado e ver a mudança em ação.

Comparando formulários de comentários antes e depois de mover o campo de texto do comentário para baixo

Esperamos que este artigo tenha ajudado você a mover o campo de texto de comentários para o final no WordPress 4.4. Você também pode querer ver nosso guia sobre como melhorar comentários do WordPress com De:comments.

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 Facebook.

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

37 CommentsLeave a Reply

  1. Sabe o que seria legal, se você pudesse fornecer um exemplo de como mover a caixa de comentários para cima dos comentários. No momento, tive que percorrer todos os comentários para escrevê-lo. Quero trocar de lugar. Cima > Caixa de Comentários. Baixo > Comentários. Assim, não preciso rolar. Vejo que é bem fácil fazer isso em comments.php, mas é melhor se houvesse uma maneira mais segura de fazer isso; um tema filho, por exemplo.

  2. Solução incrível para um problema muito irritante. Deveria ter uma classificação mais alta por reorganizar a ordem do campo de comentários no WordPress. É o único link que realmente incluiu uma solução FUNCIONANDO.

    Obrigado!

    Lucas

  3. Muito obrigado. Isso foi incrível.

    Depois de 2 horas tentando consertar, levei 1 minuto para copiar e colar este código. – WP 4.4.2.

  4. obrigado por esta dica, eu tinha usado um código para aprovar automaticamente comentários de uma categoria específica, mas após a última atualização 4.4 este código não funcionou, você sabe como aprovar automaticamente comentários em posts de uma categoria específica?

  5. Tenho lutado com a seção de comentários nos últimos 3 dias no blog de viagens da minha esposa, depois que foi chamado à minha atenção que a seção de comentários não estava funcionando corretamente. Claro, eu não tinha percebido que o WordPress tinha feito alterações que poderiam impactar essa área. Parece que a ordem agora é:

    Comentário > Escrever (em vez de postar > Nome > E-mail > captcha

    mas a ordem mais lógica deveria ser:

    Nome > E-mail > URL do site (faltando no momento) > Comentário > captcha > Postar

    Então, seu artigo foi oportuno e apreciado, exceto que o código fornecido não parece funcionar com o tema que está sendo usado atualmente (TeslaThemes ~ Epilog).

    No tema, eles fornecem um local para adicionar código personalizado, mas quando colei seu código, nada mudou na ordem dos campos de comentários. Além disso, você mostra uma caixa para inserir um URL de site e isso nem sequer aparece na área de comentários.

    Talvez você possa sugerir o que está acontecendo – também estava brincando com o Jetpack para tentar fazer os comentários funcionarem e agora a página inicial também está estragada e é marrom escuro em vez de branco. Não tenho certeza se isso vem do tema Epilog ou do Jetpack.

    Orientação seria definitivamente apreciada. O URL do blog foi retido de acordo com sua política, mas pode ser fornecido se for pertinente à consideração deste comentário.

    Obrigado

    Simon

    • Olá Simon,

      Não tenho certeza sobre o tema Epilog, mas a maioria dos temas tem uma área para inserir códigos para o front-end (ou seja, HTML / CSS). O código que estamos pedindo para você inserir aqui deve ser inserido como um plugin específico do site ou no arquivo functions.php do seu tema para que funcione.

      Em nosso site, desativamos o campo de site porque ele atrai muito spam.

      Mais informações aqui: https://www.wpbeginner.com/plugins/how-to-remove-website-url-field-from-wordpress-comment-form/

      Admin

      • Obrigado pelas dicas. Eu não conseguia descobrir onde adicionar este código no Functions.php, mas ao explorar o editor de aparência, descobri um arquivo chamado Comment.php. Embora eu não entenda realmente toda a codificação, coloquei seu código no que eu pensei ser o lugar apropriado. Eu também descobri a localização do botão “Escrever” e mudei para “Enviar seu comentário”.

        Isso moveu as coisas com sucesso, exceto pelo código Captcha criado pelo BestWebSoft. A ordem agora com seu código inserido é:

        Nome > E-mail > Captcha > Mensagem > Enviar seu comentário

        O problema é que agora recebo uma mensagem de erro “Tempo limite esgotado. Por favor, insira o valor CAPTCHA novamente”.

        Se eu remover a necessidade de um Captcha, ou seja,

        Nome > E-mail > Mensagem > Enviar seu comentário

        então tudo funciona perfeitamente!!

        Existe algum código adicional que eu deveria adicionar para posicionar o Captcha após o bloco de comentários, OU devo apenas eliminar a necessidade de inserir um Captcha.

        Se você recomenda deixar o Captcha de fora, qual é a desvantagem – deixo o site vulnerável a spambots ou existe algum outro mecanismo de proteção contra isso?

        Obrigado por compartilhar sua vasta experiência

        Simon

Deixe uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.