Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo mostrar comentarios en la página de inicio de su tema de WordPress

Mostrar comentarios en la página de inicio de tu tema de WordPress es en realidad más fácil de lo que piensas.

Lo mejor acerca de WordPress es que ofrece varias maneras de personalizar su sitio web, ya sea utilizando sus características incorporadas, un plugin o código personalizado.

Si quieres potenciar tu sección de comentarios, lo mejor es mostrarlos en la página de inicio. Puede inspirar a nuevos visitantes a unirse a la acción e incluso mostrar su credibilidad como blogger.

En esta guía, le mostraremos cómo añadir comentarios a la página de inicio de cualquier tema de WordPress, incluso si su tema no es compatible con él por defecto.

How to show comments on the homepage of your WordPress theme

¿Por qué mostrar comentarios en su página de inicio?

Los comentarios son la forma más sencilla de que los visitantes se comuniquen con usted y entre sí. Permiten a los visitantes enviar respuestas / comentarios / preguntas y ofrecer su punto de vista.

Si tus entradas reciben muchos comentarios, es señal de que estás creando una comunidad activa en torno a tu blog de WordPress. Con esto en mente, es posible que desees hacer estos comentarios más visibles y prominentes mostrándolos en tu página de inicio.

La página de inicio suele ser lo primero que ven los nuevos visitantes, por lo que los comentarios pueden ser una forma de prueba social que anime a los primeros usuarios a marcar / comprobar más cosas de su sitio. También facilita que los usuarios vean las últimas conversaciones y participen en el debate.

En esta guía, le mostraremos cómo añadir comentarios a la página de inicio, independientemente del tema de WordPress que esté utilizando. Puede utilizar los enlaces rápidos a continuación para saltar directamente al método que prefiera:

Método 1: Mostrar comentarios en tu página de inicio usando el bloque de últimos comentarios

WordPress incorpora un bloque de Últimos comentarios que puede añadir a cualquier página o entrada.

Hay tres maneras de usarlos: añadiendo el bloque como un widget en la barra lateral, añadiendo el bloque en el editor completo del sitio de WordPress, o añadiendo el bloque usando un plugin maquetador de páginas.

Uso del bloque de últimos comentarios como widget de la barra lateral de la página de inicio

Si tu tema te permite añadir widgets de WordPress a tu página de inicio, entonces puedes simplemente añadir el bloque Últimos comentarios como un widget de la barra lateral.

Para más información acerca de esto, puede seguir nuestra guía sobre cómo mostrar comentarios recientes en la barra lateral de WordPress.

Sin embargo, no todos los temas son compatibles con / dar soporte a la adición de widgets a cualquier página. Si experimenta este problema, le recomendamos que cree su propio diseño de página de inicio utilizando el editor de sitios completo de WordPress o el plugin maquetador de páginas.

Uso del bloque de comentarios de última hora en el editor de sitio completo

Si utiliza un tema de WordPress en bloque, puede añadir el bloque Últimos comentarios a su página de inicio utilizando el Editor de sitio completo.

Para acceder al editor, basta con ir a Apariencia “ Editor.

Navigating to the Full-Site Editor from the WordPress dashboard

A continuación, seleccione “Páginas”.

Aquí es donde verá todas las páginas que existen en su sitio web WordPress.

Choosing Pages in the Full Site Editor

A continuación, seleccione la página de inicio de su tema.

En este caso, era “Blog Home” y ya estaba establecida como página de inicio del sitio web, como indica el icono de la casa.

Selecting Blog Home page in the Full Site Editor

Ahora, basta con hacer clic en el icono del lápiz “Editar” situado al lado del nombre de la página.

Esto le dirigirá a la interfaz de edición.

Selecting the pencil edit button to edit the Blog Home page in the Full Site Editor

En este punto, sigue adelante y haz clic en el botón azul “+” de la esquina superior izquierda.

Este botón le mostrará todos los bloques disponibles para su página.

The WordPress full site editor

Empieza a escribir “Últimos comentarios” en la barra de búsqueda.

Cuando aparezca el bloque adecuado, sólo tienes que arrastrarlo y soltarlo en tu estructura / disposición / diseño / plantilla.

Adding a Latest Comments block in WordPress

Después de añadir este bloque, puede configurar el widget Últimos comentarios mediante los ajustes del menú de la izquierda.

Por ejemplo, puede cambiar el número de comentarios que muestra el widget, ocultar los avatares de los visitantes, etc.

Configuring the latest comments on your WordPress homepage

Cuando esté satisfecho con cómo se ha establecido la sección de comentarios, simplemente haga clic en el botón “Guardar”. Su sitio web de WordPress mostrará ahora los últimos comentarios en la página de inicio.

Uso del bloque de últimos comentarios en un maquetador de páginas

El segundo método es genial si estás contento con las opciones de personalización del Editor de Sitios Completo de WordPress. Sin embargo, si buscas elevar tu diseño, te recomendamos que utilices un plugin maquetador de páginas.

SeedProd es el mejor maquetador de páginas del mercado y facilita la creación de un tema de WordPress totalmente personalizado, incluida una página de inicio personalizada.

Para más información acerca de cómo crear una página de inicio con SeedProd, consulte nuestra guía sobre cómo editar una página de inicio de WordPress.

Después de crear el diseño de su página de inicio, simplemente desplácese hasta la sección “Widgets” en el menú de la izquierda de SeedProd.

Adding the Latest Comments widget using SeedProd

Aquí, sólo tienes que encontrar el widget Comentarios recientes y añadirlo a tu estructura / disposición / diseño / plantilla arrastrando y soltando.

Una vez hecho esto, haga clic para seleccionar el widget en la vista previa de la página.

The WordPress recent comments widget

Ahora puedes cambiar el número de comentarios que aparecen en tu página de inicio utilizando el campo “Número de comentarios a mostrar”.

También puede añadir un título opcional, que aparecerá encima de los últimos comentarios.

Adding a title to a recent comments widget

Cuando estés satisfecho con la forma en que se ha establecido el widget, puedes cambiar su aspecto haciendo clic en la pestaña “Avanzado”.

Aquí puedes cambiar el color del texto, la fuente, el espaciado y mucho más.

Customizing the latest comments widget

Incluso puede llamar la atención sobre los comentarios recientes añadiendo animaciones CSS.

A medida que realice cambios, puede hacer clic en el botón “Aplicar” para ver esos cambios en la vista previa en directo. Esto te permite probar distintos ajustes para ver cuál es el más adecuado.

How to customize latest comments on a WordPress homepage

Cuando esté satisfecho con el aspecto de la página de inicio personalizada, es el momento de publicarla al hacer clic en el botón “Guardar”.

A continuación, seleccione “Publicar”.

Publishing a list of latest comments on a custom homepage

Después de publicar tu diseño, tendrás que decirle a WordPress que lo utilice como tu nueva página de inicio.

Para ello, basta con ir a Ajustes ” Lectura en el escritorio de WordPress.

How to change the homepage settings in WordPress

Aquí, desplázate hasta “Ajustes de tu página de inicio” y selecciona “Una página estática”.

Ahora puede abrir el menú desplegable “Página de inicio” y elegir la página que desea utilizar como nueva página de inicio.

Setting a static page as the homepage

Método 2: Mostrar comentarios en tu página de inicio usando código

Otra forma de mostrar los comentarios más recientes en tu página de inicio es utilizar un código.

Este método se recomienda si se siente cómodo con el código y su tema personalizado no es compatible con el bloque o widget Últimos comentarios.

Tenga en cuenta que no es el método más fácil para los principiantes. Añadir código a su sitio también puede causar problemas, incluyendo errores comunes de WordPress.

Dicho esto, es una buena idea crear una copia de seguridad para tener algo que restaurar en caso de que se produzca algún error.

Si aún no tiene un plugin de copia de seguridad instalado en su sitio, consulte nuestra selección de expertos de los mejores plugins de copia de seguridad para WordPress.

Consejo profesional: En lugar de modificar archivos dentro de un tema, te recomendamos que crees un tema hijo y añadas allí el fragmento de código. Esto es más seguro porque no hay riesgo de romper el tema principal, y usted no perderá sus cambios la próxima vez que actualice el tema principal.

Si es la primera vez que añade código a sus archivos de WordPress, puede comprobar nuestra guía sobre cómo copiar y pegar fragmentos de código en WordPress.

Para añadir los comentarios a tu página de inicio, tendrás que editar el archivo index.php. Para acceder a este archivo, utilizarás un cliente FTP como FileZilla, o puedes utilizar el gestor de archivos del cPanel de tu alojamiento WordPress.

Si es la primera vez que utiliza FTP, puede consultar nuestra guía completa sobre cómo conectarse a su sitio utilizando FTP.

Dentro del cliente FTP, vaya a wp-content/themes.

Connecting to your site using an FTP client

A continuación, puede abrir la carpeta de su tema actual y encontrar el archivo index.php.

Ahora, abra el archivo index.php en un editor de texto como el Bloc de notas.

Adding comments to your WordPress theme using code

Después de eso, siga adelante y añada el siguiente fragmento de código dentro del bucle de WordPress. Esto será típicamente justo antes de la declaración endwhile o la declaración else:

<?php
$withcomments = "1";
comments_template(); // Get wp-comments.php template ?>

Por ejemplo, en el tema TwentyTwenty-One, tendrá que añadir el fragmento de código después de twenty_twenty_one_the_posts_navigation(); y antes de la sentencia } else { , como puede ver en la siguiente imagen:

Showing comments on the homepage of a WordPress theme

Después de eso, simplemente guarde el archivo index.php. Ahora, si visitas tu sitio WordPress, verás los comentarios mostrados en la página de inicio.

Si ha creado un tema hijo y no ve comentarios en la página de inicio después de añadir el fragmento de código, es posible que tenga que añadir una línea de código adicional.

Si este es el caso, copie y pegue el siguiente código en el archivo index.php de su tema:

global $withcomments;
$withcomments = 1;
comments_template(); // Get wp-comments.php template

Consejo adicional: Utiliza un plugin de comentarios para aumentar tu participación

Si quieres que más gente comente en tu sitio web, prueba a instalar un plugin de comentarios. Además de la moderación de comentarios, estos plugins vienen con características para fomentar más conversaciones en tu sitio web.

Tome Thrive Comments, por ejemplo, que es el mejor plugin de comentarios en el mercado.

The Thrive Comments WordPress plugin

Este plugin puede aumentar la participación de los usuarios añadiendo “me gusta” y “no me gusta”, así como votaciones y acreditaciones / insignias / distinciones. De este modo, los usuarios pueden agradecer los comentarios que consideran más útiles.

Además, puedes ver el rendimiento de tus comentarios, incluidas las páginas que reciben más acción y los comentaristas más activos. Esta información puede ayudarte a optimizar aún más tu contenido para lograr una mayor participación.

Esperamos que este tutorial te haya ayudado a aprender cómo añadir comentarios a la página de inicio de tu tema de WordPress. También puedes marcar / comprobar nuestras guías sobre cómo moderar comentarios en WordPress y formas de conseguir más comentarios en tu blog de WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

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

Reader Interactions

32 comentariosDeja una respuesta

  1. Ruchi Jain

    thx dear…very useful….

    • WPBeginner Support

      Glad you found our site useful :)

      Administrador

  2. venkatesh

    working fine, but here shows 100s of comments how can i disable comments or else remove comments in code

    • WPBeginner Support

      You would remove the code if you no longer want to show the comments on your homepage

      Administrador

  3. Stanislaus Okeke

    Hy,
    Please where exactly am I adding the code? is it on my index.php? or front-page.php or where else?

    I’m not good at coding but I can locate the files please

    • WPBeginner Support

      If your theme has a front-page.php you would add it to that file for your static home page

      Administrador

  4. Zia Ahmad

    Thanks, it worked like a charm.

    • WPBeginner Support

      Glad our article could help :)

      Administrador

  5. sujan

    how to upload comments in word press website

  6. Michelle

    I’m sorry if I sound dumb, but I’m not a PHP coder. Can someone please tell me which file I need to edit in order to place this text?

    Thank you very much.

    • Andre Daniel

      The functions.php file

  7. DebJ

    I’m not sure exactly where to add this code. I have the comment box code at the end of my post, but where do I put this? Before or after?

  8. Chris

    Works great! Is there a way so when clicking post comment it won’t redirect to the posts page?

  9. Big Tom

    Has anyone had trouble getting this to work with Disqus?

  10. Faiz Ahmed (KUET)

    That was excellent .. exactly i wanted it. Thanks thanks.

  11. Trisha

    Thanks for the great tip (and generally fantastic resource), it set me in the right direction when I needed to create a modification for a child theme (using Genesis as the parent theme) I needed to use the following to get the comments to display:


    global $withcomments;
    $withcomments = 1;
    comments_template( ' ', true );

    I hope this helps someone else spend less time on this problem than I did :)

    • Syed ImranAli

      Thanks. It helped me

    • Jeff

      thanks very much for your comments, you give me great hints about this problem. Although this post is published 3 years ago, but it still works.Thanks wpbeginner.
      By the way, it’s a good idea to add this on the functions.php of child theme through hook, so your changes won’t lost when updating your theme.

  12. Trisha

    Recently, when I was trying to solve this problem in a child theme I needed to add this line above the two shown above in order to get it work:
    global $withcomments;

  13. Jerad

    Thank you! The $withcomments = “1”; bit was exactly what I needed.

  14. John

    Use:

    comments_template(“/comments.php”, true);

    otherwise it just repeats the first posts comments for every post.

    • Josh

      Yes!! Thanks for this additional tip, this was driving me crazy. ;)

  15. Japh

    Great tip, thanks for posting about it too. I’ve noticed questions about this in the WordPress Support forums a few times with no answer given, so this will no doubt help quite a few people :)

  16. jauhari

    Thanks… let’s me try it

  17. Da'Scott Says Ifihadarockidbussyoheadbich

    Just starting with wp so yes i need it thanx

  18. Mitchell Allen

    Cool tip. At long last, I’m beginning to dig a little deeper into the WordPress code. I’ve subscribed to your weekly updates! dragonblogger mentioned your blog today and then I saw this tweet in my Gmail (I use @Rapportive)

    Cheers,

    Mitch

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.