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

Cómo agregar tablas en publicaciones y páginas de WordPress (sin necesidad de HTML)

Cuando agregas tablas a tus publicaciones y páginas de WordPress, puedes organizar datos y hacer que sea más fácil de entender para los lectores. WordPress lo hace muy simple con su bloque de tabla predeterminado.

En WPBeginner, recientemente hemos comenzado a usar tablas en nuestros artículos de resumen para mostrar los 5 o 10 mejores plugins. Este simple cambio ha ayudado a mejorar la participación de nuestros lectores.

La mejor parte es que el bloque predeterminado incluye potentes opciones de estilo para que tus tablas se vean geniales. En esta guía, te mostraremos cómo crear y administrar tablas fácilmente en WordPress.

Aprenderás los conceptos básicos de inserción de tablas, además de cómo mejorarlas con funciones avanzadas como ordenar y buscar, todo sin necesidad de saber programar.

Agregar tablas en WordPress sin escribir código

¿Por qué agregar tablas en publicaciones y páginas de WordPress?

Agregar tablas en tus publicaciones y páginas de WordPress puede ayudar a organizar la información. Dividen el contenido en fragmentos fáciles de digerir, lo que lo hace más amigable para el lector.

Ya sea que estés mostrando gráficos de comparación, listas o estadísticas, las tablas proporcionan una forma limpia y estructurada de presentar tus datos.

Además, las tablas pueden mejorar la experiencia general del usuario. En lugar de desplazarse por largos párrafos, tus lectores pueden encontrar rápidamente la información que buscan.

Esto le da a tu contenido un aspecto limpio y profesional, al mismo tiempo que lo hace más atractivo.

Dicho esto, veamos cómo agregar tablas fácilmente en tus publicaciones y páginas de WordPress.

Creación de tablas en el editor de bloques de WordPress

WordPress hace que sea súper fácil agregar tablas usando el editor de bloques de WordPress predeterminado editor de bloques de WordPress.

Simplemente crea una nueva publicación o página o edita una existente. Una vez dentro del editor de contenido, haz clic en el símbolo ‘+’ para agregar un nuevo bloque, luego selecciona el bloque Tabla.

Puedes encontrarlo en la sección ‘Texto’, o puedes escribir ‘Tabla’ en la barra de búsqueda.

Agregar bloque de tabla

A continuación, se te pedirá que elijas el número de columnas y filas que deseas para tu tabla. Ambas cifras tienen un valor predeterminado de 2.

No te preocupes si no estás 100% seguro del número exacto porque siempre puedes agregar/eliminar columnas y filas de la tabla más tarde.

Columnas y filas de la tabla

Simplemente ingresa el número de filas y columnas y haz clic en el botón ‘Crear Tabla’.

El bloque generará tu tabla y la mostrará en la pantalla.

Vista previa de la tabla

Puedes escribir en las celdas de la tabla y se redimensionarán automáticamente según la cantidad de contenido en cada una.

Puedes configurar esta opción en el lado derecho si prefieres que tus celdas tengan un ancho fijo. Aquí, también puedes agregar una sección de encabezado o pie de tabla.

Usar un encabezado de tabla es muy recomendable para la accesibilidad porque ayuda a los lectores de pantalla a interpretar los datos de la tabla correctamente para los usuarios con discapacidad visual.

Panel de opciones de tabla

Desde el panel de configuración, también puedes cambiar a la pestaña Estilo.

Tu tema de WordPress puede ofrecer una variedad de estilos para el bloque de tabla, o puedes elegir los colores de fondo y de texto.

Estilo y colores de la tabla

Si deseas agregar una nueva fila o columna, simplemente haz clic en una celda en el punto de la tabla donde deseas agregarla. Luego, haz clic en el botón ‘Editar Tabla’ (parece una tabla pequeña con un ícono de lápiz).

Esto mostrará varias opciones para agregar o eliminar filas y columnas a tu tabla.

Agregar o quitar filas y columnas de la tabla

Por defecto, el texto en las columnas de tu tabla está alineado a la izquierda.

Puedes cambiar esto haciendo clic dentro de una columna y luego haciendo clic en el botón ‘Cambiar alineación de columna’:

Alinear columnas de la tabla

También puedes cambiar la alineación de toda tu tabla dentro de la publicación o página.

Simplemente haz clic en el botón ‘Cambiar alineación’ y selecciona una opción de la lista.

Alineación de la tabla

Ten en cuenta que estas opciones pueden hacer que tu tabla se muestre más allá de los límites normales de tu área de publicación.

Algunas pueden verse extrañas en tu sitio web de WordPress, así que previsualiza tu publicación o página para comprobar cómo aparecerá la tabla.

Aquí está nuestra tabla configurada en ‘Ancho Amplio’ tal como aparece en nuestro sitio de demostración:

Vista previa en vivo de la tabla

Como puedes ver, se extiende más allá de los márgenes izquierdo y derecho del área de publicación.

Las herramientas de tabla integradas en el editor de Gutenberg te brindan mucha flexibilidad para mostrar tus tablas. Puedes usar el bloque Tabla para mostrar datos a los lectores en un formato fácil de entender.

Sin embargo, el bloque no tiene funciones avanzadas como filtrado de búsqueda, ordenación personalizada y más.

Tampoco te permite usar eficientemente la misma tabla en varias áreas de tu sitio web de WordPress, como widgets de barra lateral u otras páginas.

Para crear tablas avanzadas, necesitarás usar un plugin de tablas para WordPress.

Creación de tablas usando el plugin TablePress

TablePress es uno de los mejores plugins de tablas de WordPress del mercado. El plugin principal es 100% gratuito y te permite crear y administrar tablas fácilmente, con extensiones premium disponibles para funciones adicionales.

Si estás utilizando el editor clásico de WordPress más antiguo, que no tiene la funcionalidad de tabla, entonces TablePress sería la mejor manera de agregar tablas en tus publicaciones y páginas.

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

Luego verás un elemento de menú de TablePress en tu panel de WordPress. Ve a TablePress » Añadir Nuevo para crear una tabla nueva.

TablePress agregar nuevo

Necesitas escribir un nombre para tu tabla y decidir cuántas filas y columnas deseas. Siempre puedes añadir/eliminar filas y columnas de la tabla más adelante también.

Una vez que hayas añadido el nombre de la tabla, las filas y las columnas, haz clic en el botón ‘Añadir Tabla’ para crear tu tabla.

A continuación, verás una pantalla con la información de tu tabla y un área donde puedes añadir contenido.

TablePress Editar Tabla

Simplemente escribe los datos que deseas en las celdas de tu tabla.

Para añadir o eliminar filas y columnas o realizar operaciones de ordenación, simplemente haz clic derecho dentro de la tabla. Esto mostrará un menú de opciones donde puedes hacer más cambios.

Opciones de tabla con clic derecho

Las opciones avanzadas, como ‘Manipulación de Tabla’, están debajo del área de ‘Contenido de Tabla’.

Desde aquí, puedes añadir, eliminar y duplicar filas.

Opciones de manipulación de tabla

En ‘Opciones de Tabla’, puedes añadir una fila de encabezado y/o pie de página, que no se ordenarán con los datos.

También puedes decidir dónde mostrar el nombre y la descripción de la tabla:

Opciones avanzadas de tabla

Finalmente, puedes configurar varias opciones en la sección ‘Características de Tabla para Visitantes del Sitio’.

Estas configuraciones te permiten crear tablas responsivas que pueden ser filtradas, buscadas y ordenadas por tus lectores.

Visitantes del sitio con funciones de tabla

Una vez que estés satisfecho con tu tabla, simplemente haz clic en ‘Guardar Cambios’.

Después de eso, copia el shortcode de la Tabla. Lo necesitarás en el siguiente paso.

💡Consejo Pro: Una de las mayores ventajas de usar un shortcode es que puedes colocar la misma tabla en múltiples publicaciones, páginas o incluso widgets de barra lateral.

Si alguna vez necesitas actualizar la tabla, solo tienes que editarla en un lugar y los cambios aparecerán automáticamente en todos los lugares donde se use el shortcode. ¡Esto te puede ahorrar mucho tiempo!

Ahora, edita la publicación o página donde quieras mostrar la tabla y agrega el bloque de Shortcode al editor.

Añadir shortcode

Después de eso, agrega el shortcode que copiaste anteriormente en el bloque Shortcode.

No olvides actualizar o guardar tus cambios.

Por otro lado, si estás usando el editor clásico, simplemente agrega el shortcode directamente en tu publicación:

Shortcode en el editor clásico

Si quieres cambiar tu tabla en el futuro, puedes regresar a TablePress en tu panel de control y hacer los cambios. Tu tabla se actualizará automáticamente en todas las publicaciones y páginas donde la hayas utilizado.

TablePress también te permite importar datos de hojas de cálculo y archivos CSV. De manera similar, puedes exportar los datos de las tablas de TablePress a un archivo CSV, que puedes abrir con cualquier programa de hojas de cálculo como Microsoft Excel o Google Sheets.

Tutorial en video

Si no prefieres instrucciones escritas, simplemente mira nuestro videotutorial:

Suscríbete a WPBeginner

Preguntas frecuentes sobre tablas de WordPress

Aquí hay algunas preguntas comunes que recibimos sobre cómo agregar tablas a sitios web de WordPress.

¿Cómo hago que las tablas sean responsivas en WordPress?

El bloque de tabla predeterminado de WordPress tiene configuraciones responsivas limitadas. Para tablas que se vean bien en dispositivos móviles, un plugin como TablePress es la mejor solución.

Te permite crear tablas que se desplazan horizontalmente en pantallas pequeñas, lo que ayuda a mantener tu sitio fácil de usar.

¿Puedo personalizar la apariencia de mis tablas?

Sí. El bloque de tabla incorporado ofrece opciones de estilo básicas para cambiar los colores de fondo y de texto. Tu tema de WordPress también puede agregar sus propios estilos únicos.

Para un control de diseño más avanzado, un plugin te da más poder para personalizar tus tablas con CSS personalizado.

¿Cómo importo datos de Excel o Google Sheets a WordPress?

La forma más fácil de importar datos de una hoja de cálculo como Excel o Google Sheets es usando un plugin.

TablePress tiene una función de importación incorporada que te permite subir tu archivo CSV directamente. Esto ahorra mucho tiempo en comparación con la entrada manual de datos.

¿Cuál es la mejor manera de crear una tabla que se pueda ordenar y buscar?

El bloque de tabla predeterminado de WordPress es genial para mostrar datos simples, pero no admite ordenación ni búsqueda.

Para agregar estas funciones interactivas, necesitarás un plugin. TablePress es una excelente opción gratuita que permite a tus visitantes ordenar columnas y buscar información específica dentro de tus tablas.

Esperamos que este artículo te haya ayudado a aprender cómo agregar tablas a las publicaciones y páginas de WordPress sin usar HTML. También te podría interesar nuestra guía sobre cómo crear una tabla de contenido en WordPress y nuestro tutorial sobre cómo ocultar bloques de usuarios específicos en el editor de WordPress.

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

Descargo de responsabilidad: 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

130 CommentsLeave a Reply

  1. Hola

    ¿Alguien puede mostrarme cómo crear una tabla dinámica?

    Soy nuevo en WordPress. Me gustaría mantener una base de datos de gadgets, digamos teléfonos. Quiero una interfaz para que yo, como administrador, ingrese las especificaciones y una imagen del artículo. Para los usuarios, tendrán la opción de filtrar por marca y también comparar 2 o más de estos gadgets en formato de tabla. También deberían poder consultar un artículo y ver todas las especificaciones en formato de tabla. ¡Por favor, aconsejen cómo se puede gestionar esto fácilmente o si ya tienen un artículo para esto!?

    gracias

    • Por favor, otros lectores, no sean tan duros conmigo (especialmente usando la palabra R). Soy muy nuevo en todo esto y me siento exitoso al crear mi primera tabla. Ahora, ¿cómo cambio la apariencia del texto en la tabla? Lo estoy usando para enlazar materiales contenidos más adelante en la página y resaltar piezas importantes.

      • Necesitas usar CSS. Hay una pequeña curva de aprendizaje para todo esto (en tu caso, podrías querer estilizar la tabla, filas, celdas de tabla, párrafos en celdas de tabla, enlaces, efectos de pasar el ratón por encima, etc., etc.), así que solo empieza si es realmente importante.

    • Acabo de perder una tabla que creé usando Tablepress. No sé cómo se eliminó, pero también acabo de descubrir que no hay forma de recuperar una tabla eliminada. Como no sé cómo se eliminó la tabla, me preocupa depender de Tablepress.

  2. ¿Soy yo o Wordpress es tonto? Quiero decir, cualquier editor WYSIWYG puede hacer una tabla sobre la marcha hoy en día, ¿pero el CMS más grande no puede? Debo estar perdiéndome algo aquí, pero usar un plugin o iframes es demasiado complicado para una tabla simple... la codificaré yo mismo.

    • David, estoy contigo. No lo entiendo. Mi primer editor HTML en 1998 tenía tablas... ¿cómo es que se ha vuelto fácil hacer un sitio web basado en CMS, pero no puedes hacer una tabla... ¡¡Holaaaaaaa!!

    • Hola David,

      Inicialmente quería codificarla yo mismo, pero Wordpress seguía formateando mi tabla por todas partes. ¿Hay una forma específica de usar HTML en una página?

      Muchas gracias

  3. Copié una tabla de Word a Wordpress y el código es limpio y ordenado. Funciona bien. Ahora quiero probar la misma tabla con el plugin FooTable para hacerla responsive, aunque de alguna manera ya es responsive. Pensé que un diseñador web de todos modos mantiene el material en la computadora local y, por lo tanto, puede hacer cambios en Word y reemplazar la tabla en WP. Esto podría ser hacer trampa, pero funciona. Sirje

  4. TablePress es un plugin increíble.

    Gracias por esta publicación.

    De hecho, hoy lo descargué y ya doné algo de dinero a su equipo.

    Que tengan un día fantástico todos.

  5. El problema con plugins como este es que si alguna vez abandonas el plugin, el contenido enlazado a ese plugin se rompe en todo tu sitio.

    Aunque es un plugin muy elegante, intento minimizar mi dependencia de la base de datos con ellos tanto como sea posible.

    • Neal, tienes razón en eso. Sin embargo, TablePress usa tipos de publicación personalizados para las tablas. Esto significa que tus tablas se almacenan en la base de datos incluso si desactivas el plugin. Todavía puedes exportar los datos.

      Administrador

  6. Hola equipo de Wpbeginner,

    ¿Es posible llamar a un script de la misma manera?

    Por ejemplo, tengo 1000 scripts diferentes para 500 publicaciones diferentes.

    Quiero llamar a 2 tablas en cada publicación y en esa tabla quiero ejecutar un script, no texto, ¿es posible llamar a dos scripts en una tabla?

  7. ¡Gracias por esto! ¿Qué recursos puedo usar para crear una tabla en la que mis clientes puedan iniciar sesión y publicar los precios de los artículos que desean comprar y vender, y que permanezca visible para el público?

  8. Estoy interesado en agregar una tabla a un formulario o página. Entonces, si un usuario va a la página, puede agregar la cantidad en las celdas y, al final del formulario, puede enviarme la tabla.

    Básicamente, sería una página de pedido muy simple sin opciones de pago.

  9. He estado intentando insertar una tabla en una publicación de blog usando el plugin TablePress. De repente, la palabra 'Edit' entre corchetes ha estado apareciendo en la esquina inferior izquierda de cada página de mi sitio web. No puedo deshacerme de ella. ¿Sabes cómo puedo solucionar esto?

    ¡Muchas gracias!

    Pierre

  10. ¡genial! Lo acabo de instalar después de leer esta publicación... tengo algunos problemas cuando voy a la vista previa móvil... ya veremos, en general es un gran plugin y una gran publicación (Y)

  11. Ok, instalé el plugin y usé un código corto para agregar una tabla a una publicación. Ahora mi pregunta es, ¿qué lee Google, el código corto o el contenido de la tabla? ¿Es amigable para el SEO? ¿Me das un enlace a tu publicación donde usaste este plugin?

  12. Me gusta el plugin, pero no puedo averiguar cómo personalizar el ancho/alto de las columnas/filas, o cómo hacer que una celda en particular sea solo tan grande como el contenido que tiene dentro. ¿Hay alguna forma de hacer esto? Gracias.

  13. ¿Cómo elimino el "Mostrar xx entradas" en la parte superior de la tabla y "mostrando 1 a 6 de 6 entradas" en la parte inferior?

  14. Hola,
    ¿cómo puedo usar el formulario de TablePress en mi sección de publicaciones para que un usuario en particular pueda agregar tablas copiando, importando archivos… Por favor, ayúdenme a usarlo… Gracias.

    Saludos
    Jaya

  15. Este es un gran plugin. Tengo una pregunta: necesito hacer la fuente más grande para la información que está en mi tabla. ¿Hay alguna forma de hacerlo aparte de ingresar código para cada celda individualmente?

  16. ¿Entonces para qué versión de WordPress estás escribiendo? ¿WordPress.com o WordPress.org, porque no encuentro la opción de plugin en mi panel? Realmente deberías especificar esto... ahora estoy de vuelta escribiendo código a mano después de que mis esperanzas se vieran frustradas.

  17. Vaya.

    No me impresiono fácilmente, pero esto logró hacerlo.
    En un minuto después de agregar el plugin, tenía una tabla visualmente atractiva y fácil de mantener en mi sitio.

    ¡Gracias!

  18. Love this plugin.
    Tried to style the table with Headway. No luck so far. Did someone else tried also? Would be great if it would be possible to do so.
    Again, great plugin :-)

    Ed.

  19. ¡Qué tesoro fue encontrar esto! Este no programador estaba teniendo un día difícil intentando crear tablas con código.

  20. ¡Gracias por esto! He estado buscando en la web tratando de encontrar una solución porque veo todas estas increíbles tablas de precios en sitios web y he estado usando el plugin TinyMCE, que funciona, pero no es lo que realmente necesito. Gracias de nuevo, ustedes son geniales.

  21. ¡Gracias por otra publicación muy útil!
    ¿Alguien sabe si es posible agregar código en una celda? Necesito agregar código de PayPal en una tabla, pero no estoy seguro de la mejor manera de hacerlo.

  22. ¡Muchas gracias por este plugin relativamente fácil de usar! Me ha salvado de mucha frustración, ya que no soy un experto en tecnología y en realidad no quiero pasar horas haciendo lo que se puede hacer con un plugin.

    Probé algunos de los otros plugins para crear tablas y no me impresionaron por su facilidad de uso o la falta de ella.

    ¡Mucho agradecimiento!
    Yvonne

  23. Esto se parece a Tables Reloaded, que usamos en algunos sitios. Sin embargo, parece más fácil de usar y administrar. ¿Qué tan bien funciona con plugins de caché como w3 total cache?

    • Este es el sucesor del plugin WP Tables Reloaded, trabajado por el mismo desarrollador (Tobias). Tobias también comentó en esta publicación diciendo que la próxima versión será compatible con W3 Total Cache.

      Administrador

  24. Absolutamente de acuerdo: TablePress es EL MEJOR plugin para crear tablas en WordPress (en mi humilde opinión).

    Solo algunas cosas para agregar:

    1) TablePress es el sucesor de lo que SOLÍA SER el mejor plugin para crear tablas en WordPress: WP-Table Reloaded (ahora retirado). Ambos son obra del desarrollador Tobias Bathge.

    2) Las tablas creadas con WP-Table Reloaded se pueden migrar a TablePress.

    3) El soporte de Tobias es extraordinario. Cuando usé TablePress por primera vez en noviembre de 2012, encontré un error en la función de importación de HTML y lo reporté en el foro de soporte en WordPress.org. En una hora, Tobias publicó una solución en Github. Pero no me crean a mí. Consulten el foro de soporte.

    Jeff Cohan

  25. Gracias, muchachos
    Este podría ser el plugin de tabla para mí.

    En el pasado, he creado tablas en Dreamweaver y luego he cortado y pegado el código.

    Voy a tuitear sobre este.

  26. Acabo de instalar este complemento la semana pasada como una alternativa al uso de las funciones de iframe de Google Docs. Esto funciona muy bien y permite a un cliente actualizar la tabla sin actualizar las páginas o publicaciones. Descubrí que tienes que asegurarte de vaciar las cachés si estás usando el complemento W3, de lo contrario, obtendrás una versión en caché de la tabla. Gran artículo.

    • Great to hear that you like the plugin!
      What you say about caching plugins, like W3 Total Cache, is true. Good thing though: The next version of TablePress will automatically clear the W3 Total Cache page cache, to make sure that all shown tables are up-to-date :-)

      Mis mejores deseos,
      Tobias
      Autor de TablePress

  27. Parece extraño poner una pestaña para crear tablas en el menú principal de Wordpress. El menú se supone que es para funciones de nivel superior. Parece que debería estar en herramientas, quizás, o en el menú de publicaciones, donde seleccionas las tablas, tienes la función de creación de tablas accesible en las funciones de edición. La mayoría de las veces, las personas crean tablas en publicaciones y páginas y necesitarían editar la tabla, así como los datos dentro de ella.

    Dicho esto, es un creador de tablas bastante elegante.

    ­Rod Salm

    • I agree that the main menu is not always the best option, like when you only maintain a few tables once in a while. So, I made this an option :-) In the TablePress Plugin Options, you can actually choose where you want the TablePress menu entry to appear. Moving it to “Tools” or “Posts” is no problem with that :-)
      (The predecessor of TablePress put its menu under “Tools” by default. I then however got questions from users who couldn’t find it, after activating it. That is why TablePress will sit in the main menu by default.)

      Mis mejores deseos,
      Tobias
      Autor de TablePress

    • No es extraño en absoluto. Se hace con fines organizativos, similar a los formularios de contacto, deslizadores, etc. Al hacerlo de esta manera, puedes ir fácilmente al menú y ver todas las tablas que hayas creado en lugar de buscarlas en las publicaciones individuales.

      Administrador

    • ¿10,000 filas? ¿Por qué en el mundo querrías que eso fuera parte de tu publicación de blog? Adjúntalo como un archivo separado, para que aquellos que quieran descargarlo puedan hacerlo si les gusta. Asustaría al usuario ver lo larga que es la página si tienes tantas filas.

      Administrador

    • Como ya señaló el equipo editorial, existen mejores métodos para tablas tan grandes, como ofrecer una descarga o usar una solución personalizada de PHP/mySQL.
      Ciertamente puedes intentar usar TablePress con una tabla de ese tamaño, pero realmente no lo recomiendo. Debería funcionar, pero probablemente será lento, especialmente en la pantalla de "Editar" de la tabla.

      Mis mejores deseos,
      Tobias

  28. Absolutely THE best table WordPress plugin at the moment. I tried them all, and this one is the most robust/powerful and yet at the same time the most simple to use. Good choice! :-)

Deja una respuesta

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