Una tabla con función de búsqueda permite a los usuarios encontrar rápidamente los datos específicos dentro de un conjunto de datos más amplio presentado en formato tabular. Esta función no sólo ayuda a los usuarios a localizar la información que necesitan, sino que también les mantiene interesados al proporcionarles una experiencia de navegación intuitiva.
Habilitar esta función en sus tablas puede ayudar a los usuarios a ahorrar un tiempo valioso al explorar los datos. Esto puede reducir significativamente las frustraciones y mejorar la satisfacción del usuario. Con el plugin Tabelberg, puedes habilitar fácilmente esta función en tus tablas.
En este post tutorial, vamos a proporcionar una guía paso a paso sobre cómo crear una tabla de búsqueda en WordPress. Obtener el plugin haciendo clic en los botones adjuntos a continuación.
Cree bonitas mesas
Con el editor de bloques
Una vez instalado el plugin en su sitio, siga el siguiente tutorial.
Nota: Aquí utilizaremos el plugin Tableberg Pro. Si aún no ha instalado el plugin, obtenga el plugin aquí.
Paso 01: Añadir el bloque Tableberg al editor
Al igual que con cualquier bloque de Gutenberg, busque y añada el bloque Bloque Tabelberg al editor.
Establecer el número de columnas y filas que quieras. A continuación, pulse el botón Botón Crear.
Una vez listas las columnas y filas, empieza a añadir la información que quieras.
Paso 02: Añadir contenido a la tabla
Una característica interesante de Tableberg es que permite añadir varios bloques personalizados a la tabla, como el editor de bloques de Gutenberg.
Sitúe el cursor en cualquier celda de la tabla. Aparecerá icono más (+) aparecerá. A continuación, añada los bloques que desee a las celdas y el contenido correspondiente.
Por ejemplo, puede añadir imágenes a las celdas de la tabla utilizando el bloque Imagen.
Ya hemos preparado la tabla con la información necesaria. Dado que nuestro objetivo primordial es mostrarte cómo añadir una barra de búsqueda a la tabla de WordPress para hacerla consultable, no queremos perder tiempo en otras cosas.
Para inspirarse, puede visitar esta guía sobre cómo crear una tabla con Tableberg.
Paso 03: Activar la barra de búsqueda
Seleccione toda la tabla haciendo clic en el botón Icono Tableberg en la barra de herramientas. A continuación, vaya a la pestaña Ficha Configuración en la barra lateral derecha.
Ven al [PRO] Buscar desplazándose por la pestaña. Activar el Activar la búsqueda opción. Verás que la barra de búsqueda ha aparecido en la parte superior de la tabla.
Paso 04: Seleccionar una posición para la barra de búsqueda
Puede colocar la barra de búsqueda en el izquierda, centro, derecha, o ancho. Seleccione la opción que desee.
Ya está. Su tabla es ahora consultable.
Paso 05: Vista previa de la barra de búsqueda
Vaya a la sección de vista previa de la entrada. Escribe en la barra de búsqueda algo que exista en la tabla. Verás al instante el resultado.
Veamos el videoclip que se adjunta a continuación. Funciona bien en nuestro extremo.
Paso 06: Estilizar la tabla de búsqueda
Vaya de nuevo a la pestaña Estilos mientras mantiene seleccionada la tabla. Verás numerosas opciones de personalización para estilizar la tabla.
Por ejemplo, algunas cosas cruciales que puedes hacer allí son:
- Cambiar individualmente los colores de las columnas, filas y celdas
- Modificar la dimensión y el relleno de las celdas
- Añadir espacio entre bloques
- Personalizar/eliminar/colorear los bordes interiores y exteriores
- Actualizar las fuentes globales
Espero que puedas hacerlos solo. O explore nuestras entradas de documentación sobre bricolaje para la guía necesaria.
Tutorial en vídeo
Observaciones finales
Como ya se ha dicho, la opción de la barra de búsqueda es muy útil para las tablas que contienen grandes conjuntos de datos. Pero para que las tablas con opción de búsqueda sean eficaces, debe mantener el diseño de las tablas limpio y organizado.
En segundo lugar, la barra de búsqueda debe colocarse en una posición adecuada para que los usuarios puedan encontrarla fácilmente. Si es posible, añade también la opción de filtrado para que la tabla se pueda ordenar, de modo que los usuarios puedan reordenar las filas y columnas de la tabla según sus necesidades.
Aquí tiene una guía sobre cómo hacer que su tabla sea ordenable en WordPress.
