¿Notaste que hubo un ligero cambio en los campos del formulario de comentarios en WordPress 4.4? El área de texto de comentarios se movió a la parte superior, mientras que los campos de Nombre, Correo electrónico y Sitio web se movieron a la parte inferior. Uno de nuestros lectores preguntó si había una manera de volver a mover el campo de texto de comentarios a la parte inferior. Sí, la hay, porque lo hicimos en nuestro sitio. En este artículo, te mostraremos cómo mover el campo de texto de comentarios a la parte inferior en WordPress 4.4 y versiones posteriores.
¿Por qué se cambió la disposición del campo de texto del formulario de comentarios?
La decisión de mover el campo de texto del formulario de comentarios a la parte inferior se tomó para corregir un error en el diseño del formulario de comentarios de WordPress.
Anteriormente, cuando los usuarios hacían clic en el botón de responder, eran llevados al área de texto de comentarios. Si un usuario estaba en un escritorio, podía ver claramente que primero debía completar los campos de nombre y correo electrónico.
Pero en dispositivos móviles, es posible que los usuarios ni siquiera vean los campos de nombre y correo electrónico del comentario. Podrían escribir y enviar un comentario solo para regresar con un error de que olvidaron ingresar los campos de nombre y correo electrónico.
Esto era malo desde el punto de vista de usabilidad y accesibilidad, y WordPress 4.4 abordó ese problema.
Así es como se ve ahora el formulario de comentarios predeterminado.
Si bien este cambio mejora la usabilidad, algunos propietarios de sitios creen que sus usuarios están acostumbrados al diseño anterior y desean volver a él. Aquí te mostramos cómo puedes hacerlo.
Mover el campo de texto de comentarios al final
Simplemente agrega este fragmento de código en el archivo functions.php de tu tema o en un plugin específico del sitio.
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' );
Eso es todo, ahora puedes visitar una publicación en tu sitio web como un usuario no registrado y ver el cambio en acción.
Esperamos que este artículo te haya ayudado a mover el campo de texto de comentarios a la parte inferior en WordPress 4.4. También te puede interesar nuestra guía sobre cómo mejorar los comentarios de WordPress con De:comments.
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.
Mariass
Es una publicación maravillosa.
Soporte de WPBeginner
Thank you
Administrador
molina
Esto es realmente útil. muchas gracias por compartir con nosotros algo tan interesante y útil.
wsef
cómo crear un formulario de dejar una respuesta
Kneema
¡Muchas, muchas gracias! He estado buscando este código por mucho tiempo... Dios te bendiga
Andres
¡Hola!
Thanks so much, I have resolve my problem
lucy
Me gusta esta publicación
Aleks
¿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.
Shamim Mia
Funcionó bien, ¡muchas gracias por compartir el fragmento!
Romee Prajapati
No me funciona. Estoy usando el tema understrap. ¿Alguien puede ayudar?
majid
Gracias por compartir tu gran conocimiento
Ivan Zhotev
Gran fragmento. ¡Muchas gracias! ¡Saludos!
Umer Sheikh
¡Gracias! Es un artículo útil.
Anhduc
¡¡¡¡¡Muchas gracias!!!!!
Leo Nguyen
Muchas gracias. Esto es de gran ayuda para mí.
Susann
a big thank you for that snippet. Saved me quite some time
Soporte de WPBeginner
Glad you found it helpful
Administrador
Portekoi
Thanks a lot ! Save my time
Abhilash Sharma
muchas gracias
Emily
¡¡¡Eres genial!!! ¡¡¡Gracias!!!
Ruby Ann Rosales
Works like magic! Thanks
Lucas
¡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
Sabin
Muchas gracias. ¡Esto fue genial!
Después de 2 horas intentando arreglarlo, me tomó 1 minuto copiar y pegar este código. – WP 4.4.2.
Alejandro
Me salvaste la vida, trabajé tres días intentando arreglarlo pensando que era el tema.
Pascal
¡Gracias!
Iman Dastbelaraki
Muchas gracias, artículo muy útil.
Erin Kodama
Justo lo que estaba buscando. ¡Gracias!
Guyom
¡Fragmento muy útil! Muchas gracias por eso.
Omid
Es un artículo útil, ¡gracias!
moho
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?
Mr Darlington
Realmente increíble… Acabo de aprender algunas cosas aquí mismo.
artículo impresionante..
Syams
¿Cómo eliminar la columna de sitio web/URL?
Personal editorial
Este artículo debería ayudar: https://014.leahstevensyj.workers.dev/plugins/how-to-remove-website-url-field-from-wordpress-comment-form/
Administrador
Simon Lock
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
Personal editorial
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://014.leahstevensyj.workers.dev/plugins/how-to-remove-website-url-field-from-wordpress-comment-form/
Administrador
Simon Lock
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
Soporte de WPBeginner
Como ya lo descubriste, es tu plugin de recaptcha. Hay otros plugins de recaptcha que puedes usar.