Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
30 Millones+
Sitios web que usan nuestros plugins
20+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

¿Cómo mover el campo de texto de comentarios al final en WordPress?

Desde WordPress 4.4, el campo de comentarios ha aparecido encima de los campos de nombre, correo electrónico y sitio web en el formulario de comentarios predeterminado. Este diseño permite a los visitantes compartir sus pensamientos de inmediato, sin tener que completar primero sus datos personales.

Muchos propietarios de sitios web prefieren mover el cuadro de comentarios de nuevo a la parte inferior debido a la familiaridad del usuario y a las preferencias de diseño. En este artículo, te mostraremos cómo mover el campo de texto de comentarios a la parte inferior en WordPress.

¿Cómo mover el campo de texto de comentarios al final en WordPress?

Mover el campo de texto de comentarios a la parte inferior

La forma más fácil de mover el campo de texto de comentarios a la parte inferior es agregando un fragmento de código a tu sitio con WPCode. Es un plugin gratuito que te permite agregar fragmentos PHP a tu sitio sin que se rompa.

Primero, instala y activa el plugin WPCode. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Instalación de WPCode en WordPress

Una vez que esté activo, ve a Fragmentos de código » + Añadir fragmento en tu panel de WordPress. Pasa el cursor sobre 'Añade tu código personalizado (Nuevo fragmento)' y haz clic en '+ Añadir fragmento personalizado'.

Agregar un nuevo fragmento personalizado en WPCode

En la siguiente pantalla, dale un título claro al fragmento para que puedas encontrarlo fácilmente más tarde.

Luego, abre el menú desplegable 'Tipo de código', elige 'PHP' y pega el siguiente código en el editor. Si tienes habilitada la casilla de consentimiento de cookies para comentarios de WordPress, el fragmento a continuación también la moverá debajo del campo de Comentarios.

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' );
Mueve el campo de texto de comentarios a la parte inferior usando WPCode

Cuando estés listo para activar el código, haz clic en el interruptor 'Inactivo' para que cambie a 'Activo'. Luego haz clic en 'Guardar fragmento'.

Ahora visita una publicación en tu sitio como usuario no registrado para ver el cambio en acción:

Campo de texto de comentarios antes y después

¿Funciona esto con temas de bloques?

Sí. Probamos esto en WordPress 7.1 con el tema de bloques Twenty Twenty-Five, aplicando el fragmento a través de WPCode.

El bloque Formulario de comentarios de la publicación no ofrece controles de orden de campos en el Editor del sitio, por lo que el fragmento anterior es la única forma de cambiar el orden por ahora.

¿Puedo usar un plugin de comentarios en su lugar?

Si ya estás usando (o considerando) un plugin de comentarios dedicado como Thrive Comments o wpDiscuz, no necesitarás este fragmento. Esos plugins controlan el orden de sus propios campos a través de su configuración. Consulta nuestra guía sobre los mejores plugins de comentarios de WordPress si deseas comparar tus opciones.

Esperamos que este artículo te haya ayudado a mover el campo de texto de comentarios a la parte inferior en WordPress. También te puede interesar ver nuestras guías sobre cómo dar estilo al formulario de comentarios de WordPress y cómo eliminar el campo de la URL del sitio web de tu formulario de comentarios.

Si te gustó este artículo, suscríbete a nuestro Canal de YouTube para ver tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Divulgación: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

37 ComentariosDejar una respuesta

  1. ¿Sabes qué estaría bien? Si pudieras dar un ejemplo de cómo mover el cuadro de comentarios encima de los comentarios. Ahora tuve que revisar todos los comentarios para escribirlo. Quiero cambiar los lugares. Arriba > Cuadro de comentarios. Abajo > Comentarios. Así no necesito desplazarme. Veo que es bastante fácil de hacer en comments.php, pero sería mejor si hubiera una forma más segura de hacerlo; un tema hijo, por ejemplo.

  2. ¡Excelente solución a un problema muy molesto! Debería estar mejor clasificado por reorganizar el orden del campo de comentarios en WordPress. Es el único enlace que realmente incluía una solución FUNCIONAL.

    ¡Gracias!

    Lucas

  3. gracias por este consejo, había usado un código para aprobar automáticamente los comentarios de una categoría específica, pero después de la última actualización 4.4 este código no funciona, ¿sabes cómo aprobar automáticamente los comentarios en las publicaciones de una categoría específica?

  4. He estado luchando con la sección de comentarios durante los últimos 3 días en el blog de viajes de mi esposa después de que me di cuenta de que la sección de comentarios no funcionaba correctamente. Por supuesto, no me había dado cuenta de que WordPress había hecho cambios que podrían afectar esa área. Parece que el orden ahora es:

    Comentario > Escribir (en lugar de Publicar > Nombre > Correo electrónico > captcha

    pero el orden más lógico realmente debería ser:

    Nombre > Correo electrónico > URL del sitio web (faltando ahora mismo) > Comentario > captcha > Publicar

    Así que tu artículo fue oportuno y apreciado, excepto que el código proporcionado no parece funcionar con el tema que se está utilizando actualmente (TeslaThemes ~ Epilog).

    En el tema, proporcionan un lugar para agregar código personalizado, pero cuando pegué tu código, no cambió nada en el orden de los campos de comentarios. Tampoco muestras una caja para ingresar una URL de sitio web y esa ni siquiera aparece en el área de comentarios.

    Quizás podrías sugerir qué está pasando – también estuve jugando con Jetpack para intentar que los comentarios funcionaran y ahora la página de inicio también está arruinada y es marrón oscuro en lugar de blanco. No estoy seguro de si esto proviene del tema Epilog o de Jetpack.

    La orientación definitivamente sería apreciada. La URL del blog se retuvo según su política, pero se puede proporcionar si es pertinente para la consideración de este comentario.

    Gracias

    Simon

    • Hola Simon,

      No estoy seguro sobre el tema Epilog, pero la mayoría de los temas tienen un área para insertar códigos para el front-end (es decir, HTML / CSS). El código que te pedimos que ingreses aquí debe insertarse como un plugin específico del sitio o en el archivo functions.php de tu tema para que funcione.

      En nuestro sitio, hemos deshabilitado el campo del sitio web porque atrae mucho spam.

      Más información al respecto aquí: https://www.wpbeginner.com/plugins/how-to-remove-website-url-field-from-wordpress-comment-form/

      Administrador

      • Gracias por las pistas. No podía averiguar dónde agregar este código en Functions.php, pero al explorar el editor de apariencia descubrí un archivo llamado Comment.php. Aunque no entiendo realmente toda la codificación, coloqué su código en lo que pensé que era el lugar apropiado. También descubrí la ubicación del botón "Escribir" y lo cambié a "Publicar tu comentario".

        Esto movió las cosas con éxito, excepto por el código Captcha creado por BestWebSoft. El orden ahora con su código insertado es:

        Nombre > Correo electrónico > Captcha > Mensaje > Publicar tu comentario

        El problema es que ahora recibo un mensaje de error "Se agotó el tiempo límite. Por favor, ingrese el valor CAPTCHA nuevamente".

        Si elimino la necesidad de un Captcha, es decir,

        Nombre > Correo electrónico > Mensaje > Publicar tu comentario

        entonces todo funciona muy bien!!

        ¿Hay algún código adicional que deba agregar para posicionar el Captcha después del bloque de comentarios, O debería simplemente eliminar la necesidad de ingresar un Captcha?

        Si recomiendas omitir el Captcha, ¿cuál es la desventaja? ¿Dejo el sitio vulnerable a los spambots o hay algún otro mecanismo para protegerse de esto?

        Gracias por compartir tu gran conocimiento

        Simon

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO se publicará. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.