Cómo Crear Fácilmente Tablas en WordPress con TablePress

Actualizado August 22, 2017

Una de las mejores maneras de organizar una gran cantidad de datos en el sitio de WordPress es con una tabla sencilla. Lamentablemente, WordPress no ofrece soporte de tabla como una funcionalidad nativa. Hoy queremos sumergirnos en un muy popular plugin de WordPress llamado TablePress y mostrarle cómo puede ayudarle a crear tablas en WordPress con facilidad y sin ningún conocimiento de codificación. En la actualidad cuenta con más de 500,000 instalaciones activas y con una puntuación alucinante de 5 estrellas en WordPress.org, ¡incluso después de más de 2,900 comentarios!

Claramente, es un plugin excelente, bien codificado que ha resonado bien con la comunidad de WordPress y es una solución ideal para crear tablas en WordPress.

WordPress TablePress Plugin

Antes de entrar en el meollo de la publicación y aprender a agregar tablas a sus publicaciones y páginas de WordPress, echemos un vistazo a algunas de las características clave que hace que TablePress sea mejor que la competencia.

WordPress TablePress Plugin

WordPress TablePress Plugin

  • Múltiples formatos de importación: Con TablePress, no sólo puede crear tablas desde cero mediante la introducción de datos en un editor de tabla de WordPress, sino que también puede importar datos de varios formatos, tales como archivos Excel, CSV, HTML, JSON. Varios plugins de competidores en este segmento sólo ofrecen un formato de entrada y es una gran comodidad tener varios al alcance.
  • Exporte sus tablas: Si ha creado una tabla dentro de la interfaz de TablePress, usted puede exportar la tabla en un archivo CSV, HTML o archivo JSON. Muy útil para mantener sus datos si alguna vez migra a una nueva instalación de WordPress o incluso a un nuevo CMS.
  • Amplíe sus capacidades: El desarrollador de TablePress, Tobias Bäthge, ha desarrollado varias funciones adicionales para TablePress que amplían enormemente sus capacidades. Estas extensiones ayudan en cosas como hacer tablas responsivas, filtros de columna, un botón “Guardar como PDF” para usuarios de front-end, etc.. Todas las extensiones son disponibles para descargar gratuitamente, pero algunas que consumían mucho tiempo para codificar (etiquetadas “premium”) recomiendan que usted apoye al desarrollador con una pequeña donación al descargarlas.

Cómo Crear Tablas En WordPress con Tablepress

Ahora que hemos cubierto las características de este plugin, centrémonos en cómo utilizar TablePress para insertar tablas en WordPress.

Crear una Tabla desde Cero

Comencemos nuestro tutorial viendo cómo crear una tabla desde cero con la interfaz de TablePress que es muy sencilla e intuitiva.

Paso 1

Después de instalar y activar el plugin en el panel, diríjase aWP Admin > TablePress. Esta página es el centro de control del plugin. El proceso de crear, modificar y personalizar tablas empieza aquí. La primera vez que se visita la página, verá un mensaje de bienvenida con preguntas frecuentes, documentación y enlaces de apoyo, así como una lista de las tablas (estará vacía). Para comenzar, haga clic en el botón “Agregar Nueva” en la página de navegación.

TablePress agregar nueva tabla

Opciones de TablePress

Paso 2

En Agregar nueva página, se le pedirá que introduzca un nombre para la tabla, introduzca una descripción (opcional) y especifique las dimensiones de la tabla (número de filas y columnas). Una vez que lo haya hecho, haga clic en el botón “Añadir Tabla”. Como ejemplo, vamos a hacer una tabla ficticia de pasteles.

Agregar nueva tabla en TablePress

Agregar nueva tabla en TablePress

Paso 3

En la página siguiente, a su tabla se le asigna un identificador y un código de acceso que utilizará para agregar la tabla en sus publicaciones y páginas. También podrá empezar a rellenar las celdas individuales de la tabla nueva. La interfaz que se usa para rellenar la tabla es simple y sin complicaciones, y es algo parecida a su hoja de cálculo de Excel regular. Este es su aspecto cuando todas las celdas están rellenadas.

Código corto de TablePress

Código corto de TablePress

Paso 4

Más abajo en la misma página puede jugar con algunas opciones básicas. Usted puede insertar enlaces e imágenes en sus celdas, duplicar o eliminar filas y columnas seleccionadas, añadir clases CSS para propósitos de estilo, combinar celdas, alternar color de fila, habilitar la ordenación y paginación, y mucho más.

El plugin automáticamente asume que la primera fila es la fila del encabezado de la tabla, pero tiene la opción de cambiarlo e incluso cambiar la última fila a un pie de página de tabla.

Manipulación de tablas en TablePress

Manipulación de tablas en TablePress

También hay un botón “editor avanzado” que le da una interfaz un poco más funcional en la cual meter los datos de su tabla costará más tiempo.

TablePress editor avanzado

TablePress editor avanzado

Consume bastante tiempo sin embargo, puesto que usted tiene que hacer clic en ese botón, entonces haga clic en la celda que desee modificar para obtener acceso al editor avanzado, y tiene que repetir eso para cada celda. En nuestra opinión, realmente no vale la pena. Pero dependiendo de la cantidad de datos que esté introduciendo en ella, puede ser útil.

Casilla de editor avanzado TablePress

Casilla de editor avanzado TablePress

Paso 5

Una vez que haya terminado de editar la tabla y haya personalizado las opciones, pulse el botón “Guardar cambios”, luego el botón “previsualizar” en la parte inferior de la página para obtener una idea básica de qué aspecto tendrá la tabla cuando se inserte en una publicación o página.

Hemos encontrado que esta vista previa está bastante lejos de la apariencia real de su producto acabado en términos de estilo. Dado que gran parte de los estilos son dependientes de su tema, la previsualización realmente no corresponde a la apariencia final (que es realmente mucho mejor que la tabla torpe que puede ver en la captura de pantalla siguiente).

Vista previa en TablePress

Vista previa en TablePress

Paso 6

Ahora puede insertar la tabla de dos maneras diferentes en una publicación o página,. La primera es copiando y pegando el código de acceso desde antes. Para nuestra tabla de ejemplo, ya que fue la primera que hemos creado, el código de acceso es [table id=1 /]. El formato de código de acceso es muy fácil de recordar.

Código corto de TablePress en publicación

Código corto de TablePress en publicación

La segunda manera es usar el botón “Insertar una tabla desde TablePress” en la barra de herramientas del editor visual.

Insertar una tabla desde TablePress

Insertar una tabla desde TablePress

He aquí un ejemplo de cómo se verá el producto final de un sitio web que ejecuta el tema predeterminado de  Twenty Seventeen. El diseño no es nada malo. Note la paginación y las opciones de búsqueda para los visitantes de la web.

Ejemplo de TablePress en la página

Ejemplo de TablePress en la página

Importar una Tabla

Si ya tiene sus datos listos (como una hoja de Excel o documento de Google Sheets) y está esperando ir en un formato externo, puede importarlo justo en el plugin de TablePress.

Paso 1

Para importar una tabla, vaya a WP Admin > TablePress > Importar una tabla. En esta página, podrá elegir el origen de importación (carga directa, dirección URL, archivo en el servidor, o entrada manual en un área de texto en blanco). Mis datos del ejemplo provienen de un documento en el que las hojas de Google se descargan en formato CSV.

Lo que es realmente interesante de esta parte sin embargo, es que puede utilizar los datos importados para una tabla completamente nueva, o como sustitución/datos adicionales para una tabla existente que ya había creado. En este ejemplo vamos a añadir una nueva tabla.

Importar tabla en TablePress

Importar tabla en TablePress

Paso 2

Una vez que haga clic en el botón “importar tabla”, será redirigido exactamente a la misma página de edición que cuando creó la tabla desde cero. Excepto que esta vez, el nombre de la tabla, la descripción y el contenido ya se habrán rellenado. Todo lo que queda por hacer es personalizar las opciones en la parte de abajo.

Opciones de tabla importada

Opciones de tabla importada

Paso 3

Una vez más, utilice el código de acceso asignado de la tabla (esta vez para la segunda tabla fue [table id=2 /]) en una publicación/página y disfrute el resultado. Tenga en cuenta que, puesto que todos los datos fueron los mismos que cuando creamos la tabla desde cero, el resultado fue exactamente el mismo.

Ejemplo de TablePress en la página

Ejemplo de TablePress en la página

Exportar una Tabla

Como hemos hablado al principio de esta publicación, el plugin también incorpora una opción para exportar las tablas. Se trata de un increíble proceso sencillo en un solo paso.

Paso 1

Desplácese hastaWP Admin > TablePress > Exportar una tabla. Aquí puede seleccionar la(s) tabla(s) que desea exportar, y en qué formato (CSV, HTML o JSON). Si utiliza la opción CSV que tenemos abajo, también puede establecer el delimitador CSV a una coma (,), punto y coma (;) o tabulador (\t). Si exporta más de una tabla a la vez, un archivo zip es obligatorio.

Exportar tabla en TablePress

Exportar tabla en TablePress

Una vez que haya seleccionado la tabla y formato de exportación correctos, simplemente toque el botón de “Descargar archivo de exportación” y obtendrá sus datos.

Opciones del Plugin

La página de opciones del TablePress plugin es bastante escasa. Aunque ofrece una interfaz fácil de usar y un montón de opciones de importación/exportación, la personalización incorporada es bastante limitada, como puede ver a continuación (aunque puede extenderse un poco con las funciones adicionales).

Opciones del TablePress plugin

Opciones del TablePress plugin

Para hacer cualquier personalización de estilo verdadera, tendrá que escribir comandos CSS personalizados en el área de texto de arriba. Si no es conocedor del código, no se preocupe – el desarrollador del plugin ha incluido cierta documentación sobre cómo escribir comandos básicos CSS, como cambiar los colores de fondo de las filas, destacando ciertas celdas, centrar una tabla en una página, etc. También puede cambiar un par de opciones de usuario, tales como la sección del menú admin en la que TablePress aparece, y el idioma del plugin (más de 20 actualmente admitidos).

Últimas Reflexiones sobre TablePress

Sin duda, TablePress es uno de los plugins más funcionales y sencillos de tabla en el mercado. Tiene un gran número de características, pero también se queda corto en algunas zonas. Después de nuestra experiencia con el plugin, a continuación puede leer algunos pros y contras.

Pros

  • Un gran diseño de inmediato
  • Interfaz muy sencilla; fácil de usar
  • Múltiples formatos de importación: CSV, HTML, JSON y Excel
  • Múltiples formatos de exportación: CSV, HTML, JSON
  • Los usuarios pueden buscar en la tabla cadenas de datos específicos
  • Las tablas pueden ser paginadas por un número específico de filas
  • Muchas extensiones de plugin gratuitas disponibles (realmente muestra que el desarrollador ha puesto un montón de pensamiento y esfuerzo en hacer un plugin de gran recurso para la comunidad de WordPress)

Contras

  • El editor avanzado consume mucho tiempo (requiere una gran cantidad de clics)
  • Estilización limitada
  • No responsivo de inmediato, pero puede utilizar una extensión para hacer este trabajo

Con suerte, este tutorial le ayudó a adquirir una sólida comprensión de cómo utilizar todas las funciones que TablePress tiene para ofrecer y cómo se pueden crear fácilmente tablas en WordPress. Si usted tiene cualquier pregunta o le gustaría tener algo aclarado, deje un comentario a continuación. También, si usted tiene alguna experiencia personal con TablePress (o cualquier otro plugin que construya soporte de tabla en WordPress), siéntase libre de compartir sus experiencias.

Este artículo fue escrito por Brian Jackson

Brian enfoca en nuestros esfuerzos de marketing a través de las redes sociales: desde el desarrollo de la nueva estrategia de crecimiento online, creación de contenido, optimización técnica de buscadores hasta nuestra expansión en la comunidad WordPress. Es apasionado por Wordpress lleva usándolo desde hace más de 8 años e incluso está desarrollando su propio plugin exclusivo. A Brian le encanta el blogueo, películas, montar en bici y trabajar con sitios web.

Artículos relacionados

Deja un comentario

kinsta newsletter

¿Utilizas WordPress?

¡Únete a más de 20.000 lectores que ya reciben nuestro newsletter semanal GRATUITO con consejos de WordPress sobre cómo generar más tráfico e ingresos para tu negocio!

You have Successfully Subscribed!

Send this to a friend