Tutoriais confiáveis de WordPress, quando você mais precisa.
Guia para Iniciantes em WordPress
WPB Cup
30 Milhões+
Sites usando nossos plugins
20+
Anos de experiência com WordPress
3000+
Tutoriais de WordPress por especialistas

Como mover o campo de texto de comentários para o final no WordPress

Desde o WordPress 4.4, o campo de comentários aparece acima dos campos de nome, e-mail e site no formulário de comentários padrão. Esse layout permite que os visitantes compartilhem suas opiniões imediatamente, sem precisar preencher seus dados pessoais primeiro.

Muitos proprietários de sites preferem mover a caixa de comentários de volta para baixo devido à familiaridade do usuário e preferência de design. Neste artigo, mostraremos como mover o campo de texto de comentários para baixo no WordPress.

Como mover o campo de texto de comentários para o final no WordPress

Movendo o Campo de Texto de Comentários para Baixo

A maneira mais fácil de mover o campo de texto de comentários para baixo é adicionando um trecho de código ao seu site com WPCode. É um plugin gratuito que permite adicionar trechos PHP ao seu site sem quebrá-lo.

Primeiro, instale e ative o plugin WPCode. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Instalando o WPCode no WordPress

Uma vez ativo, vá para Code Snippets » + Add Snippet no seu painel do WordPress. Passe o mouse sobre 'Add Your Custom Code (New Snippet)' e clique em '+ Add Custom Snippet'.

Adicionar um novo snippet personalizado no WPCode

Na próxima tela, dê um título claro ao trecho para que você possa encontrá-lo facilmente mais tarde.

Em seguida, abra o menu suspenso 'Code Type', escolha 'PHP' e cole o seguinte código no editor. Se você tiver a caixa de seleção de consentimento de cookies de comentários do WordPress ativada, o trecho abaixo também a moverá para baixo do campo Comentário.

function wpb_move_comment_field_to_bottom( $fields ) {
    // Move the comment textarea to the end.
    $comment_field = $fields['comment'];
    unset( $fields['comment'] );
    $fields['comment'] = $comment_field;

    // If the GDPR cookies consent checkbox is present, move it after the comment field.
    if ( isset( $fields['cookies'] ) ) {
        $cookies_field = $fields['cookies'];
        unset( $fields['cookies'] );
        $fields['cookies'] = $cookies_field;
    }

    return $fields;
}
add_filter( 'comment_form_fields', 'wpb_move_comment_field_to_bottom' );
Mover o campo de texto de comentários para o final usando WPCode

Quando estiver pronto para ativar o código, clique no alternador 'Inactive' para que ele mude para 'Active'. Em seguida, clique em 'Save Snippet'.

Agora visite uma postagem em seu site como um usuário desconectado para ver a mudança em ação:

Campo de texto de comentários antes e depois

Isso Funciona com Temas de Bloco?

Sim. Testamos isso no WordPress 7.1 com o tema de bloco Twenty Twenty-Five, aplicando o trecho através do WPCode.

O bloco Post Comments Form não oferece controles de ordenação de campos no Site Editor, então o trecho acima é a única maneira de alterar a ordem por enquanto.

Posso Usar um Plugin de Comentários em Vez Disso?

Se você já está usando (ou considerando) um plugin de comentários dedicado como Thrive Comments ou wpDiscuz, você não precisará deste snippet. Esses plugins controlam a ordem de seus próprios campos através de suas configurações. Veja nosso guia sobre os melhores plugins de comentários do WordPress se quiser comparar suas opções.

Esperamos que este artigo tenha ajudado você a mover o campo de texto de comentários para o final no WordPress. Você também pode querer ver nossos guias sobre como estilizar o formulário de comentários do WordPress e como remover o campo de URL do site do seu formulário de comentários.

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.

Divulgação: Nosso conteúdo é apoiado pelo leitor. 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 ComentáriosDeixe uma Resposta

  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 sobre isso 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.