TablePress: crea tablas en WordPress sin una sola línea de código

A veces, administrar un sitio de WordPress puede ser muy sencillo en comparación con HTML estático y otros administradores de contenido prehistóricos. Las tareas comunes son tan fáciles de implementar que tiende a recibir las solicitudes de mejora con una sonrisa.

Sin embargo, hay ciertos tipos de solicitudes que nunca dejan de provocar una erupción inmediata a muchos diseñadores de sitios : cualquier solicitud que incluya la palabra "tabla" .

¡Estas pequeñas bestias son tan frágiles! Una pequeña manipulación falsa, como un ” < ” o ” > ” borrado por error, y su página en línea pierde su hermosa estructura geométrica para parecerse a las ruinas de Pompeya. ¡ESTÁ TODO ROTO!

Entonces, si alguien aventurero me pide que agregue una columna, se enfrentará a una ronda de maldiciones que haría que el Capitán Haddock se sonrojara.

¡Pero eso fue todo antes! Antes de que descubrieras el complemento que te permite mantenerte ZEN en todas las circunstancias: TablePress . ¡Un complemento que le permite crear tablas en WordPress sin codificación y modificarlas con una simple acción de arrastrar y soltar!

¿Un impulso repentino de agregar una tabla que compare sus planes de precios o las características de sus productos estrella? Sigue la guía. Al final de este tutorial, podrá agregar tablas a WordPress con confianza .

Escrito originalmente en febrero de 2019, este artículo se actualizó por última vez en marzo de 2022.

¡Tus mejores proyectos de WordPress necesitan el mejor anfitrión!

WPMarmite recomienda Bluehost: gran rendimiento, gran soporte. Todo lo que necesitas para un gran comienzo.

Prueba Bluehost

Consulte nuestras guías detalladas sobre cómo elegir su nombre de dominio y crear un sitio web profesional de WordPress.

¿Qué es TablePress?

TablePress es un complemento gratuito y de código abierto que le permite simplemente crear tablas desde su interfaz de administración de WordPress, sin necesidad de codificar.
Luego, un código abreviado le permite agregarlos donde desee en su contenido (publicación, página, barra lateral, etc.).

Aprovechando las instalaciones activas de 800K+ y una calificación general de 5 estrellas de 5 en el directorio oficial de WordPress (para más de 4,200 revisiones), no hay duda: este es el complemento insignia para crear y administrar sus tablas .

El complemento fue creado por Tobias Bathge, un desarrollador alemán de WordPress especializado en ciberingeniería. Como buen geek, Bathge creó TablePress en una interfaz similar a una hoja de Excel .

¿Qué ofrece TablePress?

TablePress tiene muchas características interesantes:

• Una interfaz intuitiva de arrastrar y soltar.
• La posibilidad de integrar tablas en sus artículos, páginas o widgets de texto utilizando un código abreviado.
• Fácil edición de datos de tablas, como en Excel.
• Importe y exporte tablas en formatos Excel, CSV, JSON y HTML.
• Sincronización con Hojas de cálculo de Google.
• Celdas de tablas que aceptan funciones matemáticas y fórmulas de cálculo.
• Personalización gráfica mediante código CSS.

¿Cómo agregar una tabla en WordPress con el complemento TablePress?

Una vez que TablePress esté instalado y activado, verá una nueva pestaña con el nombre del complemento en el menú de administración de WordPress.

Para agregar una nueva tabla a su sitio de WordPress, simplemente haga clic en TablePress > Agregar nueva tabla en el menú de administración, o en la pestaña "Agregar nuevo" en la parte superior de la interfaz de TablePress.

Para crear su tabla, se le pedirá que:

• Dale un nombre a tu mesa . Si planea presentar muchas tablas en su sitio, considere darle un nombre claro y descriptivo.
• Proporcione una breve descripción (opcional). Tómese el tiempo para agregar cualquier información que pueda ser útil más adelante.
• Especifique el número de filas y columnas en su tabla . Si bien el complemento le permite agregar y eliminar fácilmente estos elementos más adelante, le recomiendo que se tome un momento para enumerar la información que desea presentar en su tabla. Este pequeño paso de anticipación te ahorrará mucho tiempo más adelante.

Luego haga clic en el botón azul "Agregar tabla" en la parte inferior de la página. Ahora accederá a la pantalla "Editar tabla", donde puede editar su tabla.

TablePress también tiene dos funciones para importar y exportar una tabla existente (a través de TablePress > Importar una tabla o TablePress > Exportar una tabla).
Por ejemplo, puede importar una tabla desde un archivo CSV, XLS o XLSX desde una hoja de cálculo (por ejemplo, Excel). Finalmente, también puede exportar sus tablas a otros programas, como hojas de cálculo.

¿Cómo editar la estructura y el contenido de una tabla?

Desplácese hacia abajo en la página hasta el bloque "Contenido de la tabla". Esta sección de la página le permite agregar contenido, ya sea escribiendo o copiando y pegando, directamente en las celdas individuales de la tabla.

Con arrastrar y soltar, es fácil reorganizar sus filas y columnas.

¿Cómo enriquecer tus tablas de TablePress?

Con TablePress, tus tablas se pueden enriquecer con imágenes, enlaces e incluso información más compleja , como un shortcode, a través de su editor avanzado.

¿Cómo agregar una imagen a su tabla TablePress?

Para agregar una imagen, nada podría ser más fácil. Desplácese hacia abajo en la página hasta el bloque "Manipulación de tablas" y haga clic en "Insertar imagen".

Luego haga clic en la celda donde desea que aparezca la imagen. Ahora todo lo que tiene que hacer es cargar una imagen o elegir una imagen de su biblioteca de medios, antes de hacer clic en el botón azul "Insertar en la tabla" en la parte inferior derecha de la ventana.

¿Cómo agregar un enlace a una tabla?

TablePress también le permite insertar enlaces en su tabla. Para hacer esto, desplácese hacia abajo hasta el bloque "Manipulación de tablas", luego haga clic en el botón "Insertar enlace".

Luego haga clic en la celda de la tabla donde desea que aparezca el enlace. Aparecerá una ventana emergente, donde puede configurar su enlace usando la interfaz estándar de WordPress:

¿Cómo agregas contenido enriquecido a tu mesa?

También puede insertar contenido enriquecido en una celda de tabla. TablePress también ofrece la posibilidad de insertar contenido, desde un editor avanzado. Al usarlo, puede agregar texto, con o sin enlaces, así como imágenes en la misma celda.

Para encontrar el editor avanzado, desplácese hacia abajo hasta el bloque "Manipulación de tablas" y haga clic en el botón con el mismo nombre.

Haga clic en la celda donde desea colocar el contenido enriquecido. Aparecerá una ventana emergente donde puede configurar su contenido enriquecido.

¿Qué opciones adicionales hay para personalizar tu mesa?

Las opciones de la mesa

Este cuadro le permite definir el encabezado o pie de página de su tabla, lo que puede ser útil si contiene muchos datos para mejorar la legibilidad.

También tiene la posibilidad de elegir colores alternos para las filas de la tabla , resaltar una fila al pasar el mouse por encima o mostrar el título o la descripción de su tabla.

Finalmente, el campo “Clases CSS extra” te permitirá asignar una o más clases de tu elección si deseas personalizarlo en CSS.

La biblioteca JavaScript de DataTables

Las opciones en este cuadro le permiten dar a los visitantes la posibilidad de ordenar, filtrar y buscar en su tabla de forma dinámica o activar una paginación .

Puede deshabilitar todo si no lo necesita.

Únase a los suscriptores de WPMarmite

Obtenga las últimas publicaciones de WPMarmite (y también recursos exclusivos).

SUSCRÍBASE AHORA

¿Cómo editar tus tablas?

TablePress permite editar fácilmente la estructura de una tabla.

En el cuadro "Manipulación de tablas", encontrará varias opciones para agregar, eliminar, duplicar y ocultar filas y columnas . También puede combinar celdas en una fila o columna.

Para modificar su tabla, simplemente haga clic en la fila o columna que desea modificar.

Luego seleccione el efecto apropiado. Por ejemplo, hemos elegido a continuación insertar una nueva columna entre dos columnas existentes:

Una vez que haya completado su tabla, no olvide hacer clic en el botón "Guardar cambios" en la parte superior de la página. Le recomendamos que haga esto regularmente, ya que no hay un guardado automático.

¿Cómo modificar una tabla antigua?

Puede cambiar el contenido y la estructura de una tabla que haya creado en cualquier momento.

Para encontrar la lista de tablas existentes, seleccione TablePress > Todas las tablas en su menú de WordPress.

Ahora puede elegir la tabla que desea editar.

¿Cómo insertar una tabla en una publicación o página?

Ahora que ha creado su tabla, todo lo que necesita hacer es insertarla en una publicación o página en su sitio de WordPress.

Para ello, abre o crea el documento de destino en el que quieres publicar tu tabla, en el editor de contenidos de WordPress (Gutenberg).

Copie el código abreviado de la tabla, disponible en el cuadro "Información de la tabla":

FYI, este shortcode tiene el siguiente formato: [table id=<the-ID> /] . Cada tabla tiene su propio identificador (el número 2, en el ejemplo anterior).

Pegue el shortcode en un bloque de "Shortcode" dentro de la publicación de su elección, donde lo desee en el contenido:

Aquí está el resultado en el sitio:

Tenga en cuenta que la pantalla puede diferir un poco según el tema que utilice.

En cualquier caso, enhorabuena: ¡lo has hecho con los dedos en la nariz!

Funciones adicionales para llegar más lejos con TablePress

Hasta ahora, este tutorial le ha brindado los conceptos básicos para crear y actualizar tablas en WordPress sin codificación. También puede agregarle algunas características adicionales muy útiles .

Una vez que haya dominado los conceptos básicos, estos tutoriales pueden ayudarlo a implementar algunas de las funciones más interesantes:

• Use fórmulas en las celdas, como en Excel.
• Personalice su tabla con CSS, estas preguntas frecuentes le brindan todas las respuestas que necesita sobre cómo personalizar sus tablas.

Acelera tu sitio web con WP Rocket

Convierta su sitio en un cohete con el complemento de almacenamiento en caché más poderoso reconocido por los expertos de WordPress.

Prueba WP Rocket

Bonificación: extensión de TablePress

Puede agregar aún más funciones a TablePress con una biblioteca de aproximadamente 20 extensiones gratuitas o premium.

Encontrará en el sitio web del complemento, 20 extensiones oficiales. Estos son algunos de los más útiles:

• Mesas responsivas (premium): para tener mesas bonitas, adaptadas a todos los dispositivos (ordenador, tablet y móvil). Lamentamos que este plugin sea de pago, deja una gran oportunidad para un potencial competidor…
• Shortcode para llamar al contenido de una sola celda: muy útil si quieres publicar algunos elementos de una tabla, como un puntaje promedio, en diferentes lugares de tu página.
• Importación automática y programada de tablas (premium): muy útil si actualizas tus tablas con una solución externa como Excel por ejemplo.

Técnicamente, la gran mayoría de las llamadas extensiones premium de TablePress se pueden descargar y usar de forma gratuita. Sin embargo, el desarrollador Tobias Bathge lo alienta a hacer una donación de cualquier cantidad para recompensar su trabajo.

¿Qué otras opciones hay para agregar una tabla a WordPress?

Si bien TablePress es el complemento más popular y mejor calificado en el directorio oficial para crear una tabla en WordPress, existen otros recursos para diseñar una tabla.

El bloque Table en el editor de contenido de WordPress

Primero, el editor de contenido de WordPress tiene un práctico bloque de "Tabla" para crear una tabla de manera simple y rápida en su contenido.

En particular, puede:

• Agregue o elimine filas o columnas en tiempo real.
• Elija entre dos estilos de visualización: "predeterminado" y "rayas".
• Cambia el color del texto y el fondo.
• Asigna un ancho fijo a tus celdas.
• Establece el ancho y el estilo de tus bordes, así como la tipografía.

Este bloque puede ser suficiente para algunas tablas muy básicas , donde solo desea presentar datos de una manera simple.

Aquellos de ustedes que quieran crear tablas más complejas y reorganizables, o que tengan funciones similares a las de Excel, preferirán TablePress.

Constructores de páginas

Otra opción para agregar una tabla a WordPress es usar un creador de páginas.

Un creador de páginas es una herramienta que le permite crear diseños ricos y complejos para su contenido sin tocar una sola línea de código, especialmente mediante el uso de plantillas listas para usar. La edición a menudo se realiza arrastrando y soltando y en tiempo real.

El más famoso de ellos es Elementor, que acumula más de 5 millones de instalaciones activas en el directorio oficial. Tan poderoso y flexible como es, ¡Elementor no ofrece un widget (módulo) para construir una tabla!

Sin embargo, puede usar uno de sus muchos complementos premium para lograr sus objetivos, como Crocoblock, ElementsKit o Ultimate Addons.

Y es posible que incluso tenga algo aún mejor: simplemente puede agregar una tabla creada con… TablePress a Elementor. Solo tienes que añadir su shortcode en el widget de Shortcode propuesto por Elementor, al igual que en el editor de contenido.

Eso es todo para Elementor. Mencionemos también brevemente el Divi Builder, el otro peso pesado de la industria.

Por ejemplo, TablePress ofrece un complemento premium de terceros, TablePress Styler de Divi-Modules, que lo ayudará a personalizar la apariencia visual de la mesa desde la interfaz de Divi Builder.

Construye tu sitio web con Elementor

Diseñe fácilmente la apariencia de su sitio web de WordPress con el famoso creador de páginas.

Prueba Elementor

Otros plugins para crear una tabla

Como último recurso, si TablePress no funciona para usted en absoluto, puede encontrar su felicidad con uno de los complementos de mesa para WordPress a continuación:

• Generador de tablas de WP
• wpDataTables
• Generador de tablas de datos de Supsystic
• Mesas Ninja

Nuestra opinión final sobre TablePress

Como probablemente ya te hayas dado cuenta, soy un gran admirador de TablePress por varias razones:

• Este complemento es una excelente opción si desea agregar tablas avanzadas a su sitio de WordPress fácilmente, sin codificación.
• Gracias a sus funciones, podrá crear rápidamente tablas elegantes que lo ayudarán a resumir y ordenar datos en un formato fácil de leer.
• Su interfaz inspirada en Excel te permite ir más allá de las simples tablas que ofrece el editor de contenidos de WordPress.
• Y lo más importante, le permite evitar la creación de tablas en HTML y pasar horas jugando con el código sin éxito.

En el lado negativo, podemos señalar que la personalización de la visualización de sus tablas es bastante limitada . Para un resultado avanzado ya tu imagen, tendrás que usar CSS.

Finalmente, si el complemento responde de manera predeterminada, sus tablas no siempre se adaptarán automáticamente a diferentes tamaños de pantalla. A veces, la pantalla puede quedar cortada, por ejemplo, en la esquina derecha.

Nuevamente, a veces se recomienda agregar un poco de CSS. También puede usar la extensión Responsive Tables, mencionada anteriormente, para resolver este problema.

Descarga TablePress en el directorio oficial:

Y tú, ¿usas TablePress? ¿Qué opinas de este complemento insignia del universo de WordPress?