Documentación WP Table Manager

Introducción

WP Table Manager es una extensión de WordPress que se usa para administrar tablas HTML en WordPress con una interfaz similar a una hoja de cálculo. Viene como un paquete único todos los temas están incluidos.

 

WP-Table-Manager

 

Ventajas principales:

  • Gestionar tablas como en una hoja de cálculo.
  • 6 temas incluidos
  • Totalmente gestionado desde cualquier editor.
  • Ahorro automático AJAX
  • Datos ordenados en el frontend
  • Celular, línea, editor de estilo de columna
  • Redimensionar línea y columna con arrastrar y soltar
  • Copiar celda con arrastrar y soltar
  • Copia la tabla completa en un clic
  • Formato de celdas HTML
  • Editor de código CSS avanzado

 

I. INSTALACIÓN WP TABLE MANAGER

1.1 Instalar

 

Para instalar nuestro complemento, debe usar el instalador estándar de WordPress o descomprimir y colocar toda la carpeta en / wp-content / plugin.

 

instalar-wp-media-folder

 

Luego haga clic en activar plugin, para ver aparecer el menú WP Media Folder en el menú izquierdo de WordPress.

Se puede acceder a WP Table manager desde un menú dedicado a la izquierda o en una caja de luz desde el editor. También tiene los parámetros en el menú "Configuración".

 

1.2 Actualizar el plugin

Para actualizar el WP Media Folder, puede usar el actualizador predeterminado de WordPress. También puede eliminar e instalar la nueva versión de un archivo .zip descargado en www.joomunited.com. En cualquier caso, no perderá ningún contenido porque todo está almacenado en la base de datos.

 

wptm-update

 

Asegúrese de tener siempre la última versión para evitar problemas de seguridad y estabilidad.

Para actualizar la versión de pago, debe iniciar sesión en su cuenta de JoomUnited desde la configuración de WordPress: Ajustes> General

 

cuenta de enlace

 

Luego use el nombre de usuario y la contraseña de su cuenta JoomUnited. Después de un inicio de sesión exitoso, el botón se vuelve azul con un texto Desconecta mi cuenta de JoomUnited

 

image9

 

Finalmente, puede actualizar todos los complementos comerciales de JoomUnited del estándar de WordPress actualizado.

 

II. WP TABLE MANAGER USO COMÚN

La idea principal de WP Table Manager es administrar todas las tablas desde el editor aunque tenga una vista de plugin. WP Table Manager funciona en todos los editores de WordPress WYSIWYG, tanto para el frontend como para el backend. Por ejemplo, puedes usarlo en un módulo personalizado de WordPress.
 

2.1 Gestionar tablas desde artículo

 

table-manager-button

 

Cuando se instala WP Table Manager, tiene un botón de edición que se muestra debajo de su editor. Haga clic en él para abrir la vista principal de WP Table Manager.

Administrador de mesa en una caja de luz abierta desde una publicación:

 

image14

 

Cuando desee insertar una tabla en su editor, use el botón superior derecho Insertar esta tabla para ponerla en su artículo. Luego, la tabla se materializará con un área gris y un ícono similar a Excel.

 

image15

 

Si hace clic en el área y luego en el botón WP Table Manager nuevamente, se cargará la tabla agregada previamente.

 

image16

 

Sin embargo, Gutenberg es el editor predeterminado en WordPress ahora, así que puedes echar un vistazo a 2.7 Bloques en Gutenberg

2.2 Gestionar tablas y categorías

Las tablas se clasifican dentro de las categorías. Puedes tener tantas tablas como quieras dentro de las categorías.

Para crear una categoría de tabla, haga clic en Nueva categoría de mesa botón en el encabezado del tablero de mandos. Para crear una nueva tabla simplemente haga clic en Crear botón de tabla.

 

categorías de mesa

 

Nota: una tabla y una categoría predeterminadas ya se crearon durante la instalación del complemento

 

La categoría puede administrarse colocando el mouse en ella, podrá editar el nombre o eliminarlo.

 

nombre de la tabla

 

Para ordenar las categorías puede usar la función arrastrar y soltar.

 

movimiento de mesa

 

Al colocar el mouse sobre el título de la tabla, aparecerán íconos para editar el título de la tabla, copiar la tabla (toda la tabla, incluidos los datos y la plantilla) o eliminarlo.

 

2.3 edición de la mesa

Para agregar datos en tablas, debes actuar como si estuvieras en un plan de cálculo. Hacer doble clic en una celda le brindará la posibilidad de actualizar el contenido, un solo clic para seleccionar una / algunas celdas (y para aplicar el estilo, por ejemplo).

 

image20

 

Para agregar líneas o columnas, haga clic en el + en el borde de la tabla, ¡o haga clic con el botón derecho!

 

añadir fila-línea

 

Para copiar celdas, puede usar CTRL + C / CTRL + V (o las cosas de Apple que hacen la misma J) o también puede colocar el mouse en la esquina inferior derecha de la celda y colocarlo en la dirección que desee.

 

copia de celda

 

Tenga en cuenta que todo lo que está haciendo se guarda automáticamente con un mensaje en la parte superior derecha

 

Tienes una opción para deshacer la última modificación.

 

image24

 

WP Table Manager guarda una copia de seguridad de la modificación que ha realizado y es capaz de restaurarla.

 

image25

 

2.4 Edición de contenido avanzado

Puede agregar contenido HTML con un editor WYSIWYG dentro de cada celda. Selecciona una celda, en la parte derecha. Formato> HTML.

 

image26

 

Ahora cuando edites la celda, tendrás un editor HTML dentro. Imagen y HTML están disponibles.

 

html-table-cell

 

Las celdas también se pueden fusionar. Seleccione 2 celdas o más y luego haga un clic derecho, un menú le permitirá realizar la fusión.

 

image28

 

2.5 Excel y hoja de cálculo de importación / exportación

Puede importar y exportar hojas de cálculo en WP Table Manager utilizando nuestra herramienta dedicada.

 

image29

 

Las tablas se pueden importar desde excel o abrir documentos de office. El formato será detectado automáticamente e importado. Tenga en cuenta que solo se importará la primera página de Excel.

La exportación se puede realizar en formato Excel 2003 o 2007.

 

image30

 

2.6 Código corto

Cada tabla tiene su código corto, que puedes encontrar en Más pestaña en el panel derecho. Luego puede compartir la tabla fácilmente usando el código abreviado, por ejemplo: [wptm id = 8]

 

Código corto

2.7 Bloques en Gutenberg

Puedes mostrar tus tablas o gráficos en el editor de Gutenberg ahora. Estos dos bloques WP Table Manager son WP Table Manager y WP Table Manager Chart.

Para visualizar una tabla en el editor de Gutenberg, haga clic en WP Table Manager Botón en la categoría Widgets. Aparecerá un menú desplegable, luego selecciona la tabla que desea mostrar en la interfaz.

 

add-table-block

 

Es similar a un gráfico, haciendo clic en el Gráfico WP Table Manager Botón en la categoría Widgets. A continuación, elige un gráfico en el menú desplegable.

 

añadir-gráfico-bloque

 

III. TABLAS DE ESTILO

3.1 Formato

La pestaña de formato está disponible a la derecha de la pantalla de forma predeterminada. Contiene diferentes parámetros.

 

image31

 

  • Tipo de célula: predeterminado o HTML. El tipo predeterminado le permite realizar cálculos con el HTML insertando contenido HTML como imágenes. Se implementará un editor WYSIWYG para cada celda en la próxima versión, por el momento que agregue HTML en la celda.
  • Fondo celular color: definiendo el color de fondo por supuesto

 

image32

 

Los bordes y las opciones de fuente se pueden aplicar en celdas individuales o múltiples

image33

 

El ancho de fila y columna se puede definir en píxeles. Seleccione la columna o fila en cualquier lugar de la tabla y valide el tamaño.

 

3.2 Tema y opciones de clasificación

En la pestaña de la tabla, aún en la parte derecha, tiene un selector de tema. Simplemente haga clic en un tema para aplicarlo.

La aplicación de un tema reemplazará todos los datos y el estilo dentro de su tabla. Entonces, la forma de proceder es aplicar un tema y luego editar los datos para crear su propio tema y luego duplicar sus tablas.

 

tema-elección

 

La "característica de estilo automático: le ayuda a colorear la línea en su mesa con Estilo de encabezado y Estilo de pie de página opciones Puede seleccionar los estilos de plantilla o hacer su propia configuración de complementos.

 

image35

 

El parámetro clasificable le permite hacer una clasificación de datos AJAX en el frontend.

 

image36

 

La alineación de la tabla se trata de alinear el div que contiene la tabla completa, centrar toda la tabla, por ejemplo.

 

image37

 

Una luz de celda también está disponible como una opción. Puede habilitar esta característica en la configuración. Está deshabilitado por defecto. Puede seleccionar resaltar la fila, ajustar el color y la opacidad de resaltar.

 

mesa resaltada

 

3.3 Añadir información sobre herramientas en las celdas

La información sobre herramientas de la celda debe activarse desde la configuración del complemento. (Menú de configuración). Después de la activación, aparecerá un botón en la parte inferior de la pestaña de formato durante la edición de la tabla.

image39

 

Puede por un ancho en píxeles. La información sobre herramientas de edición lo llevará a una información sobre herramientas con un editor para editar la información sobre herramientas.

 

image40

 

Agregue contenido y guarde, listo, la información sobre herramientas se mostrará en el lado público cuando se desplace el mouse.

 

image41

 

3.4 Congelamiento de líneas y columnas

Las líneas o columnas de congelación están disponibles en el Mesa lengüeta. Puedes congelar hasta 5 líneas o columnas. Se cuenta desde la primera fila / col.

 

image42

 

Para realizar la congelación de filas, hay una opción adicional que le permite fijar la altura de la tabla (porque su contenedor de mesa puede tener una altura infinita).

 

image43

 

Cuando haya elegido la línea o columna a congelar, podrá desplazarse por la tabla y mostrar siempre la línea / filas fijas.

 

image44

 

3.5 Filtrado de datos de columna

Una opción de filtrado está disponible en la pestaña de la tabla nuevamente. Puede activarlo para habilitar los campos de filtrado de datos públicos.

 

image45

Ejemplo de filtros:

 

responsive-table-scroll

 

3.6 CSS personalizado

Vayamos un paso más allá. Si eres un diseñador web con habilidades css podrás agregar css en el Más pestaña. Puede agregar relleno y radio de borde en la celda.

 

image47

 

Tenga en cuenta que si ha aplicado un tema, algunos css personalizados se agregarán automáticamente. Todavía puedes editarlo por supuesto.

 

Todavía en el Más pestaña, haga clic en la costumbre Botón de CSS Para acceder a la edición css. El código CSS está coloreado usando el código espejo y se puede escribir en menos CSS, ¡también funciona!

 

tabla-personalizada-css

 

Las celdas, las líneas y las columnas tienen coordenadas para identificar cada una y aplicar un css personalizado. R es fila, C es columna.

 

image49

 

3.7 Tablas responsivas de WordPress

¿Mis mesas responden o utilizan el desplazamiento en dispositivos pequeños?

WP Table Manager maneja el diseño responsivo con una herramienta de prioridad, como una opción. De forma predeterminada, la función de respuesta está deshabilitada, habrá un desbordamiento (aunque, aunque funciona bien en dispositivos móviles).

 

modo de respuesta

 

El modo de respuesta es avanzado, puede definir una prioridad para ocultar columnas en tamaños móviles. Cuando las columnas están ocultas, se mostrará un menú móvil con la casilla de verificación para forzar la visualización / ocultación de las columnas.
El tamaño de la columna se fija durante la edición de la tabla. Si el tamaño de todas las columnas es demasiado grande para el contenedor, tendrá un desbordamiento y podrá desplazarse fácilmente en dispositivos móviles.

Tabla con un desplazamiento (mejor para una pequeña cantidad de columnas)

 

responsive-table-scroll

 

Tabla con columna oculta (mejor para una gran cantidad de columnas)

 

57bb0cb0ac948

 

3.8 Descargar tabla

Para compartir tu mesa al público, debes habilitar Botón de descarga opción en Pestaña de tabla en el panel derecho. El tipo de archivo será * .xlsx.

 

mesa de descarga

 

IV. TABLA DE TABLAS

4.1 Crear una tabla con datos.

Desde la versión 2.0, ahora tiene la posibilidad de agregar gráficos dentro de su contenido. Primero crea una tabla con datos para generar el gráfico.

 

image50

 

Luego haga su selección para generar el gráfico, aquí se selecciona toda la tabla, haga clic en Añadir botón de gráfico.

 

image51

 

Se generará un gráfico, respetando el rango de datos que ha seleccionado. En la parte derecha puede seleccionar el tipo de tabla. Puede generar el gráfico que necesite a partir de un conjunto de datos.

 

image52

 

El gráfico se actualizará dinámicamente con respecto al cambio de datos en la tabla.

 

4.2 Parámetros del gráfico

Una vez que haya agregado su gráfico, tiene algunas opciones en la columna de la derecha.

image53

 

El "Cambiar fila / columna" solo está disponible si ha seleccionado solo números en el conjunto de datos. Se le permitirá cambiar los datos de col a fila.

El parámetro "Usar primera fila / columna como etiquetas" le permite agregar una etiqueta a su gráfico

 

image54

 

Luego tiene opciones para establecer el ancho / alto, alinear, colorear en su gráfico.

 

V. EXCEL Y GOOGLE SHEETS SYNC

5.1 Sincronizar una tabla con datos de un archivo de Excel

Es posible ejecutar una sincronización entre una tabla que ha creado y un archivo de Excel ubicado en su servidor (en cualquier lugar). Desde el pestaña derecha llamada "Tabla", en la parte inferior tienes un bloque para vincular un archivo de Excel a la tabla.

 

enlace a Excel


Si tu haga clic en el botón Examinar, podrás seleccionar un Excel en cualquier lugar de tu servidor, aquí es un archivo cargado a través del administrador de medios (carpeta / uploads).

 

link-excel-file-table

 

Una vez que su archivo de Excel esté vinculado a la tabla, puede golpear el Obtener datos Botón para importar datos desde el archivo de Excel.

Nota: Solo se tomarán los datos de Excel, no los estilos, por lo que el estilo global de su tabla permanecerá intacto en la importación.

 

fetch-excel-data

 

Advertencia: dependiendo de la memoria disponible en su servidor, no podrá importar archivos de Excel muy grandes (por ejemplo, más de 1000 filas)

Entonces aquí está el resultado de una importación de datos.

 

Excel-Google-hojas de sincronización

 

5.2 Sincronización con Google Sheets

WP Table Manager también ofrece algunas posibilidades de sincronización de Google Sheets. Tu hoja de Google tiene que ser publicada para ser sincronizada. Entonces, primero, abra su hoja de Google Drive y publíquela como página web usando el Menú Archivo.

 

publicar-web-hojas de google

 

Luego obtendrá acceso al enlace del archivo de Google Sheets, copie este enlace.

 

hoja de enlace

 

Y pegar en WP Table manager pestaña "Tabla"

 

enlace a Excel

 

Has terminado Ahora puede obtener datos para una sincronización instantánea y ejecutar también una sincronización automática. La opción de búsqueda de estilo es en caso de que también desee obtener estilos de hojas de cálculo de Google Sheets.

 

5.3 Excel automática y Google Sheets sync

Sobre el enlace del archivo también puede activar una sincronización automática. WP Table Manager obtendrá los datos automáticamente en un intervalo regular.

Una vez que se activa, se muestra una notificación después del título de la tabla.

 

google-sheet-sync-notice

 

El retardo de sincronización se puede configurar en la configuración global de WP Table Manager.

 

período de sincronización

 

 

VI. PARAMETROS WP TABLE MANAGER

6.1 Parámetros

Para acceder al WP Table Manager, entra WP Table Manager> Configuración

Como opción se puede definir:

  • Habilitar botones de Importar / Exportar
  • Formato de archivo de exportación
  • Habilitar información sobre herramientas
  • Habilitar el guardado automático o activar un botón de guardado manual
  • Periodicidad de sincronización de archivos
  • Cargar el plugin en la interfaz
  • Reconstruye el color alternativo
  • Resaltado de celdas
  • Resaltar color de fondo
  • Resaltar el color de la fuente
  • Resaltando la opacidad
  • Formatos de fecha
  • Posición del símbolo
  • Símbolo (s) de moneda
  • Símbolo decimal
  • Conteo decimal
  • Mil simbolo

 

image55

 

VII. WP TABLE MANAGER CONSEJOS Y TRUCOS

7.1 calculo

Tienes una implementación de cálculo básica en WP Table Manager. Los elementos disponibles son:

  • SUM, COUNT, CONCAT
  • MÍNIMO MÁXIMO PROMEDIO
  • FECHA, DIA, DIAS, DIAS360
  • O, xor, y

Para hacer una suma, escriba así: = SUM (A1; B2) o = SUM (A1: B2)

 

cálculo de suma

 

7.2 Funciones de usuario

La administración de la tabla está definida por los roles de usuario de WordPress que tienen la posibilidad de ejecutar alguna acción específica. Todos los usuarios en un rol de usuario tendrán las mismas autorizaciones con respecto a la administración de tablas.
Para configurar el acceso utiliza el menú. WP Table Manager> Roles de usuario.

 

configuración de roles de usuario

 

Una vez que el usuario haya iniciado sesión, tendrá el privilegio de su grupo para administrar los archivos.

Puede configurar el propietario del usuario para categorías y tablas en Más lengüeta.

 

set-user-role

 

VIII. Tablas de la base de datos

WP Table Manager le permite crear tablas a partir de las tablas de su base de datos.

Desde el administrador, haga clic en WP Table Manager> Tablas de base de datos.

 

 

Entonces podrás seleccionar tablas y columnas de tu base de datos. Al activar el control puede seleccionar varias tablas, columnas.

 

selección de base de datos

 

En la selección de columnas, puede definir un título personalizado y un orden predeterminado para sus datos en la tabla, cuando se muestra en el lado público.

 

columna-titulo y orden

 

Luego tienes algunas opciones y filtros para aplicar a tus tablas:

  • Un nivel predeterminado de paginación (para ser utilizado con una gran cantidad de datos)
  • Número de filas para la paginación.
  • Aplicar algún filtro a sus datos, es decir. Una columna puede ser igual, diferente ... de un valor definido.
  • La posibilidad de agrupar algunos valores en las columnas.

 

base de datos-tabla-opciones

 

Finalmente puedes previsualizar y generar tu tabla como cualquier otra tabla.

La única diferencia es que los temas no se pueden aplicar a las tablas, pero puede personalizar toda la visualización como en cualquier otra tabla.

 

Cuando se genere la tabla, todavía tendrá acceso a la tabla. Fuente de base de datos y puede, por ejemplo, agregar la columna "Estado" en su tabla en Fuente de datos lengüeta.

 

base de datos generada por tablas