COMO EMPEZAR

Representa los datos utilizando el plugin de Generador de Tablas de Datos, y prueba cómo fácil y amigable será su uso.  Toda la información sobre plugin que puedes necesitar está aquí:
Instalación
Configuración
Elementos de Tabla
Características
Aspecto
Fuente
Editor
Vista previa
Diagramas
Historial de tabla
Añadir tabla al sitio web
Pestaña de Configuración

 


Paso 1: Instalación de Tablas de Datos

En WordPress, vete a Plugins  >  Añadir Nuevo. Busca el “Generador de Tablas de Datos de Supsystic” y haz clic en instalar. Una vez terminada la instalación, haz clic en “Habilitar Plugin”. Tendrás un nuevo elemento en menú de administración “Tablas de Supsystic”.


Paso 2: Creación de Tabla Sensible

  1. Haz clic en “Añadir nueva tabla”  en el menú de navegación izquierdo.
  2. Escribe el nombre de tabla y elige el número de Filas y Columnas.
  3. Haz clic en ‘Aceptar’.

Creating WordPress Data Table


Paso 3: Personalización de las Tablas de Datos de Supsystic

Para cambiar la configuración de las tablas, abre la pestaña “Configuración”.

Aquí puedes configurar todas las opciones del plugin Generador de Tablas de Datos.


  • Configuración Principal

Elementos de Tabla

Aquí puedes seleccionar los elementos de la tabla que se representarán en la página web.

 data table main settings

  • Subtítulo: presenta el subtítulo de la tabla.
  • Descripción: es la descripción corta de la tabla entre el título y la tabla.
  • Encabezado: muestra la primera fila como un encabezado de una tabla.
  • También puedes definir la cantidad de filas que van a moverse al encabezado.
  • Firma: añade una firma en el pie de tabla.
  • Pie de página: presenta la primera fila como un pie de página de una tabla.
  • Fijar Encabezado: permite fijar el encabezado de la tabla al desplazarse por la tabla.
  • Fijar Pie de Página: permite fijar el pie de la tabla al desplazarse por la tabla.
  • Fijar Alto de Tabla: si fijas encabezado o pie de página, esta opción aparecerá para ajustar el alto de la tabla y creará un desplazamiento vertical.
  • Fijar Columnas: permite  fijar columnas en la tabla durante el desplazamiento.
  • Número de columnas a la izquierda / derecha: es el número de columnas para fijar por el lado izquierdo / derecho de la tabla.
  • Índice Automático: añade índice automático a tu tabla. Aquí se puede utilizar la primera columna como un índice o crear una nueva columna para este propósito.

¡Importante! Después de cambiar la configuración de plugin, no te olvides de hacer clic en el botón “Guardar”.

Más información sobre elementos de la Tabla está aquí.


Características

Aquí puede habilitar funciones adicionales para trabajar con la tabla.

 data table features tab

Modo Sensible

Modo Sensible Estándar: en este modo si el contenido de la tabla no corresponde, todas las columnas se colocan una debajo de la otra con una celda por fila.
Ocultar Columna  Automáticamente: en este modo las columnas de la tabla se colapsarán de derecha a izquierda si contenido no corresponde al ancho del contenedor inicial.
Desplazamiento horizontal: la barra de desplazamiento será añadida si la tabla sobrepasa el ancho del contenedor inicial.
Deshabilitar Sensibilidad: por defecto la tabla va a tener diseño fluido

  • Información de Tabla: muestra la información acerca de entradas de la tabla.
  • Clasificación de datos: pone los datos en orden ascendente o descendente.
  • Paginación: activa el control de la página, se divide el contenido de la tabla  en discretas páginas, permite a los usuarios a acceder a una serie de páginas relacionadas.
  • Buscar: permite buscar datos en la tabla.
  • Rechazar Índice: deshabilita la indexación de tablas para los robots de búsqueda.

También con versión Pro de plugin obtienes opciones:

Campos de Frontend:

  • Guardar Campos Editables: permite guardar datos en la tabla a través de los campos editables.
  • Uso de Campos Editables para Usuarios con la Sesión Iniciada: permite utilizar campos editables solamente para los usuarios con la sesión iniciada.

Exportar / Importar:

  • Exportar Frontend: permite imprimir la tabla o exportarla a PDF, CSV, XLS en el frontend.
  • Tamaño de Papel PDF: selecciona dimensiones de papel para páginas PDF
  • Orientación de Página de Exportar: elige la orientación de página para el archivo de PDF: vertical o horizontal.
  • Fuente de PDF Exportado: si estas usando algunos caracteres específicos (griego, cirílico, etc.) es mejor comprobar esta caja para la exportación en PDF.
  • Logo de Exportar: añade automáticamente el logo seleccionado para que aparezca en PDF o el impreso.
  • Importar automáticamente de Hoja de Google: si está marcado, los datos de frontend se subirán a las hoja de Google. Lee más acerca de cómo organizar la forma de Importar Automáticamente a las Hojas de Google.

Leer más sobre la Función de Editar Frontend.


Aspecto

Aquí puedes elegir un estilo visual de la tabla.

 

  • Ancho automático de tabla: detecta automáticamente el ancho de la celda. Si está marcado el ancho de columnas de la tabla, se calculará automáticamente ancho 100% de la tabla.
  • De lo contrario, se puede establecer manualmente el ancho de tabla: el ancho de columnas será obtenido de la opción de Fijar Ancho de Tabla (barra de herramientas en la pestaña Editar) o calculado dependiendo del ancho de columnas en el editor de la tabla.
  • Si no quieres aplicar el ancho de columnas, debes desmarcar la opción “Ancho Automático de Tabla”, cambiar la opción “Ancho Fijo de Tabla” a “autoajustar” y marcar la opción “Tabla Compacta”.
  • Ancho de Tabla Fijo / Ancho de Tabla Fijo  (móvil): ajusta el ancho de tabla fijo en píxeles o en %. Selecciona “Deshabilitar” para ajustar el ancho de la tabla por el contenido de la tabla
    Tabla Compacta: disminuye la cantidad de espacio en blanco en la tabla.
  • Alinear por Primera Tabla: si está marcado, esta tabla se reajustará el tamaño por la primera tabla de Supsystic en la página. ¡Importante! Esta opción tiene sentido sólo si la tabla no está en modo sensible o modo sensible está desactivado. Además, si la primera tabla tiene un número diferente de columnas o configuraciones diferentes, es posible que sus tamaños no sean iguales.
  • Desactivar Envoltura: deshabilitar ajuste de contenidos en la tabla, por lo que cada palabra en las celdas estará en una sola línea.
  • Modo de Párrafo: este modo te permite separar el contenido en párrafos. Para mover a una nueva línea en la celda, presione CTRL + Enter.
  • Light box: añade light box a las imágenes
  • Bordes: añade bordes alrededor de celdas o filas.
  • Compacto: reduce la cantidad de espacio en blanco.
  • Resaltar: habilita el resaltado de fila al pasar el ratón por encima.
  • Desactivar Envoltura: deshabilita los ajustes de contenidos en la tabla, por lo que cada texto en las celdas estará en una sola línea.
  • Resaltar el orden de columnas: resalta la columna según  la cual los datos de la tabla están ordenados actualmente.
  • El trazado de filas: por ejemplo, estás usando una tabla en que es difícil de separar visualmente las filas, especialmente cuando hay muchas columnas (o varias líneas en una fila). En este caso añade el trazado de filas, y en la tabla las filas de fondo se representarán  en dos tonos de color similar alternativamente.

 


Fuente

Tienes la oportunidad de representar la tabla o incluso sus campos individuales de la base de datos directamente en el frontend.

 

Estas son las principales opciones que proporciona la función de Base de Datos Fuente Pro:

  1. Habilitar la opción “Datos de Base de Datos”.
  2. Seleccionar la tabla como fuente de datos. Seleccionar las tablas y vistas existentes que quieres copiar en esta lista.
  3. Seleccionar los campos de la tabla. Sólo los campos seleccionados se utilizarán para construir la tabla.
  4. Permite Editar Datos. Si está habilitado, te permite editar los datos de la tabla de la base de datos a través de los campos de frontend.
  5. Seleccionar los campos disponibles para editar. Si nada está seleccionado, todos los campos serán editables.
  6. Guardar Campos de Frontend: Permite guardar datos en la tabla de base de datos a través de los campos de frontend.
  7. Uso Solamente Para Usuarios Con Sesión Iniciada. Permite usar campos de frontend sólo para usuarios con la sesión iniciada.
  8. Permite para utilizar campos de frontend sólo para los usuarios con roles seleccionados. Si no hay ningún rol seleccionado,  todos los usuarios registrados tendrán posibilidad de utilizar los campos de la frontend.

Paso 4: Añadir Datos en Tablas de Supsystic

Editor

  1. Abre la pestaña de “Editor“.
  2. Rellena la tabla.
  3. Personaliza los datos, aquí puedes: 
    • Insertar filas y columnas en la tabla
    • Definir fuente de texto: negrita y cursiva
    • Elegir el color de texto y fondo
    • Especificar la orientación horizontal y vertical
    • Seleccionar la envoltura de palabra
    • Insertar  medios de comunicación, vídeo, imágenes o enlaces en tu tabla
    • Añadir un comentario en la celda seleccionada
    • Elegir el formato de una fila, podría ser moneda, porcentaje o de la fecha
    • Añadir diagramas o hacer algunos campos editables.

Haciendo clic en el botón derecho del ratón, están disponibles las siguientes opciones:

  • Insertar fila o columna donde quiera
  • Eliminar fila o columna
  • Cancelar o restaurar tus acciones
  • Activar el modo “Solo lectura” para cualquier celda, fila o columna,  incluso para toda la tabla
  • Ajustar la alineación del texto
  • Combinar o separar las celdas
  • Agregar o eliminar comentario
  • Formato condicional

Paso 5: Configuración de Vista Previa

Después de cambiar algunas configuraciones con el plugin de tablas de datos sensibles, puedes ver en seguida el resultado:  abre la pestaña de “Vista previa” y revisa la tabla. Ten en cuenta, que la tabla puede tener unos cambios insignificantes, dependiendo del estilo que tiene tu tema.

Diagramas

Diagramas (opción PRO) te permite visualizar toda la información necesaria en pocos pasos con la configuración más sencilla.

Hay seis tipos de diagramas para elegir:

  1. Gráfico de Área
  2. Gráfico de Líneas
  3. Gráfico Circular
  4. Gráfico de Barras
  5. Gráfico de Columnas
  6. Gráfico de Burbujas

Ver todos los ejemplos de gráficos.


Historial de tabla

Historial de Tabla (opción PRO) te permite crear tablas editables para los usuarios registrados y fácilmente seguir los cambios realizados.

Por supuesto, se puede encontrarlo en el menú principal de configuración de tu plugin de Tablas de Datos.
Cada usuario podrá editar tu tabla. Información sobre los cambios de la tabla se mostrará en la pestaña Historial de Tabla, donde puedes seleccionar cualquier usuario de la lista disponible para verificarlo.

También aquí encontrarás cambio de fecha y hora.


Paso 6: Visualización de Tablas en la página web

  1. Haz clic en “Tablas” en el menú de navegación izquierdo.
  2. Abre la tabla que necesitas y copia el shortcode.
  3. Copia y pega el shortcode en tu publicación o página, y el plugin de Tabla de Datos de Supsystic creará automáticamente la tabla en tu página.

Hay varias formas de añadir una tabla al contenido del sitio.

¡Importante! Shortcode debe insertarse en la página de editor de texto y no en la del editor visual.

Pestaña de Configuración

En el menú izquierdo se puede hacer ajustes adicionales para la Tabla:

  • Incluir en Búsqueda Global: habilita esta opción si quieres incluir los datos de tablas en la búsqueda global del sitio
  • Deshabilitar WP Corrección de Pie de Página: el  tema  estándar de WP debe llamar a la función wp_footer() en el pie de página del sitio (ver Desarrollo de Tema). Pero a veces no funciona en temas personalizados. En este caso nuestro plugin llamará su función forzada, porque lo necesita para el funcionamiento correcto como muchos otros plugins. Pero si tienes problemas en tu sitio debido a esta característica, solo habilita esta opción para desactivar la llamada forzada de la función wp_footer() por nuestro plugin
  • Paginación en Editor: añade páginas en la tabla en Editor
  • Solicitud de Recuento de Filas: establece el número de filas de la tabla, que será añadido en la solicitud de guardado. Si la tabla tiene más filas, se enviarán tantas solicitudes como sea necesario para guardar completamente todos los datos de la tabla. Puede ser útil si tienes una tabla grande y no puedes mejorar la configuración del servidor de guardar la tabla por la solicitud única. Si no tienes problemas con guardar tablas, es mejor dejar el valor por defecto – 400
  • Roles: establece los roles de los usuarios, para darles el permiso para usar el plugin. El rol de administrador está establecido por defecto

Aquí hay un tutorial de cómo crear Tabla de Datos con WordPress

Volver a Documentación de Tablas de Datos de WordPress.

Volver a la página principal de Generador de Tablas de Datos de WordPress.

Categorias
Related Articles
Latest Articles
Obtenha os pacotes de plugins hoje e economize mais de 80%