Cómo hacer una tabla de datos en línea con WordPress
Hay tablas de WordPress que ayudan a crear gráficos y tablas hermosos y efectivos. Las tablas y gráficos ayudan a presentar los datos y la información de una manera fácil de entender y absorber.
Hacen que la presentación sea más lógica y visualmente más atractiva.
¿Cuándo es una buena idea usar una tabla para presentar información? Piense en usarlos para la información de precios de productos o servicios.
Úselos para listar personal, clientes o socios, junto con sus datos correspondientes. ¿O qué hay de las estadísticas deportivas, los equipos y las clasificaciones?
Pero, ¿cómo hacer una tabla de datos en WordPress? El editor de WordPress es genial y es útil para muchas cosas.
Sin embargo, no tiene una función para hacer tablas. Entonces, al hacer una publicación o un blog, no es fácil insertar una tabla.
Hacer tablas en WordPress no es fácil. Especialmente para aquellos nuevos en WordPress o que carecen de habilidades técnicas.
Un complemento podría ser la respuesta. Con un complemento de tabla de WordPress, hacer tablas de aspecto profesional es pan comido.
¿Por qué usar un complemento de tabla?
Tablas y gráficos creados con wpDataTables
Con un complemento de WordPress, un usuario puede hacer, ajustar y vestir una mesa. Luego pueden insertar la tabla en WordPress y usarla de varias maneras.
Hacer tablas de datos con un complemento es mucho más práctico. El resultado es más profesional y de alta calidad.
Poner la información en forma tabulada la hace más comprensible. A la gente le gusta estudiar y mirarlos.
El resultado es que pasarán más tiempo en el sitio web y es más probable que regresen. ¡Eso es bueno para los negocios!
Por supuesto, este tutorial hará un uso abundante de wpDataTables. Es sorprendente ver cuántas cosas diferentes puede hacer este complemento y los resultados profesionales que brinda.
Tiene toneladas de funcionalidades y características. Hace mucho más que hacer tablas básicas.
La importación de grandes conjuntos de datos no es fácil. wpDataTables tiene una característica que lo hace fácil, que está disponible con la versión paga.
Puede exportar las tablas creadas en una variedad de formatos a una publicación. Puede hacer formatos CSV o Excel, así como consultas ODF y MySQL.
Un beneficio de wpDataTables es que su uso no requiere experiencia o conocimiento de HTML o CSS. Hay una página de configuración clara y práctica que controla todo.
Cuando todas las configuraciones son correctas, solo es cuestión de copiar y pegar el shortcode.
Cómo hacer tablas de datos con el complemento wpDataTables
Así es como funciona:
El archivo fuente
Asegúrese de tener el archivo fuente listo. La página Configuración de la tabla tiene una pestaña Fuente de datos.
En esta pestaña, los usuarios encontrarán varias configuraciones. Aquí también es donde se define la fuente de datos.
Esto puede ser:
- consulta mysql
- Sobresalir
- CSV
- XML
- Hoja de cálculo de Google
- URL
- Matriz de PHP serializada
El ejemplo utiliza un documento de Excel que contiene los datos.
Asegúrese de que todos los datos estén correctamente tabulados. Si no está correctamente organizado, wpDataTables tendrá dificultades para leer las columnas de la tabla.
Crear una nueva tabla
Para crear una nueva tabla, vaya a wpDataTables, que se encuentra en la parte izquierda del panel de WordPress. Al hacer clic en él, aparecerá la pantalla que se muestra arriba.
Aquí es donde crear o agregar una nueva tabla. Haga clic en el botón Agregar nuevo y aparecerá una pantalla similar a la de arriba.
Ahora establezca el parámetro correcto de la tabla. Los parámetros definen cómo se ve la tabla y cómo se comporta.
El siguiente subtítulo analiza algunas de estas características.
Definir las características de la tabla.
Hay varias secciones en la página Configuración de la mesa. Estos son los que están en los tres primeros apartados:
- Filas predeterminadas por página
- Ocultar hasta cargar
- Bloque de información
- Limitar ancho de mesa
- Paginación
- Alineación de paginación
- Diseño de paginación
- Sensibilidad
- Filas por página
- desplazable
- Mostrar título de la tabla
- Ajuste de línea
Todos los parámetros son personalizables. La tabla de datos resultante puede ser tan complicada como se desee.
Después de configurar estos parámetros, haga clic en Cargar archivo para seleccionar el documento de origen.
Después de las tres secciones discutidas anteriormente, hay algunas configuraciones de personalización más:
- receptivo _ Esta configuración muestra la tabla de datos según el dispositivo y el tamaño de pantalla del visor.
- Desplazable. Permite el desplazamiento horizontal.
- Ocultar tabla hasta que la página esté completamente cargada. Una configuración práctica para páginas que se cargan lentamente.
- Filtrado avanzado. Agrega un filtro al final de cada columna.
- Filtrar en formulario. Agrega un filtro en el formulario.
- Herramientas de mesa. Permite la incorporación de funciones adicionales. Estos incluyen copiar y guardar en Excel o CSV.
- Habilitar clasificación. Agregue una función de clasificación de tablas.
- Limitar el diseño de la mesa. Establece el tamaño de la tabla al tamaño del contenedor principal.
- Longitud de visualización. Define el número de entradas en una sola página.
Hay un botón de vista previa que muestra cómo se verá la tabla. Haga más ajustes según sea necesario.
Una vez que todos los parámetros estén correctos y el formulario optimizado, haga clic en el botón Guardar.
Sin embargo, después de guardar hay opciones adicionales. Úselos para mejorar aún más la mesa.
El complemento tiene algunas configuraciones predeterminadas que se usan automáticamente. Estos ajustes incluyen el color y el tipo de filtro.
Ordene los datos por parámetros como fecha, hora y texto. A continuación se muestra un ejemplo de tipos de columnas editadas, colores, números y cadenas.
Guardar y copiar código abreviado
No olvide guardar la tabla y hacer clic en Cerrar. El complemento volverá directamente a la página de inicio.
Si todo salió bien, aparece la tabla creada recientemente, junto con el título, el tipo y una opción de duplicación.
También mostrará el shortcode. Copie el código y vaya a la página de destino.
Agregue el código abreviado a una página o publicación
Agregar la tabla a una página o publicación ahora es muy fácil. Seleccione dónde debe ir y pegue el código abreviado en el editor de la página.
Continúe editando la página y optimizando el contenido.
Publicar
Cuando haya terminado, haga clic en el botón Publicar. La página y la tabla deben parecerse al ejemplo.
Será perfecto, consistente y alineado. Los datos de la tabla son fáciles de leer y comprender.
Los visitantes del sitio web tendrán la opción de exportar los datos en una variedad de formatos. También pueden filtrar los datos en el sitio web.
También hay una integración con wpBakery y Elementor. Cualquier tabla creada con wpDataTables se puede exportar a estos creadores de páginas.
Cómo crear tablas de WordPress sin un complemento
Es posible hacer tablas de WordPress sin la ayuda de complementos. Este artículo analiza tres: usar Hojas de cálculo de Google o Documentos de Google, Generador de tablas y Editor de bloques.
Uso de Documentos o Hojas de cálculo de Google
Esto comienza creando una nueva Hoja o Documentos de Google. No importa cuál.
Esta guía asume el uso de Docs. Después de crear el documento:
- Ir a Insertar
- Haga clic en Tablas
- Seleccione el número de filas y columnas
- Presiona Entrar
- Rellena los datos
- Selecciona la mesa
- copiarlo _
- Pégalo en el editor de WordPress
Con eso, el elemento está listo para su publicación.
La desventaja de este método es que hay muy pocas opciones de personalización. No tiene muchas opciones para el estilo.
Además, las tablas resultantes no responden muy bien. Este tipo de tablas de datos suelen ser muy difíciles de leer en dispositivos móviles.
Uso de generadores de tablas
La codificación básica detrás de las tablas de WordPress está basada en HTML. A eso se suman los estilos CSS para que se vean bien.
Entonces, hacer tablas de datos sin un complemento requiere algo de codificación y no todos saben cómo hacerlo. Por esa razón, muchos dependen de complementos y generadores de tablas en línea.
Crean y componen una tabla de datos en uno de estos generadores para crear el código HTML. Luego copie y pegue el producto en el sitio web de WordPress.
Algunos mejores generadores en línea crean tablas receptivas que funcionan en diferentes tamaños de pantalla. Algunos otros también añaden estilismo pero, por lo general, las posibilidades son limitadas.
Sin embargo, son muy útiles. Algunos buenos son Responsive Table Generator Tool y Rapid Tables.
Creación de tablas en el editor de bloques de WordPress
Para hacer esto:
- Cree una nueva publicación o página o continúe editando una existente.
- En el editor, haga clic en el signo + para agregar un nuevo bloque.
- Haga clic en Tabla debajo de Formato. O búsquelo en el campo Buscar un bloque.
- Elija el número de columnas y filas de la tabla. El valor predeterminado es 2×2.
- Introduzca los datos en las celdas. Las celdas cambian de tamaño automáticamente según el contenido.
O configure el tamaño de celda a un tamaño específico usando la opción a la derecha.
- Agregue un encabezado y pie de página en la sección de opciones a la derecha. El ejemplo muestra una tabla con un encabezado y un color de fondo gris.
Cambie el color en la pestaña Configuración de color.
Estos tres métodos para crear tablas de datos y usarlas en WordPress funcionan bien. Pero también tienen muchas limitaciones.
Por ejemplo, no hay funciones avanzadas. No producen tablas receptivas y, a menudo, causan problemas técnicos.
Pensamientos finales sobre cómo hacer una tabla de datos en WordPress
Las tablas son muy útiles para presentar datos, por lo que su abundancia en la web no sorprende. Mejoran la experiencia del usuario y los espectadores pueden absorber y comprender la información.
El editor clásico de WordPress no tiene la capacidad de crear tablas. ¿Cómo hacer una tabla de datos en WordPress entonces?
Es necesario recurrir al uso de aplicaciones de terceros. Este artículo mostró cómo usar Google Docs para hacer eso.
Esta publicación también mostró cómo usar el complemento wpDataTables. Este complemento puede crear tablas hermosas y receptivas.
Es el más fácil de usar y ofrece una gran variedad de funciones que le permiten al usuario hacer la tabla que desea.
Si disfrutó leyendo este artículo sobre cómo hacer una tabla de datos, debe consultar este sobre fuentes de datos.
También escribimos sobre algunos temas relacionados, como la alternativa de DataTables, la biblioteca de tablas de JavaScript, los complementos de tablas de WordPress, cómo crear una tabla en WordPress sin un complemento, cómo insertar una tabla en WordPress , los complementos de tablas de precios de WordPress y cómo crear tablas estadísticas. en WordPress.