¿Busca un tutorial sobre cómo hacer un encabezado de tabla pegajosa en WordPress? Vamos a discutir esto en un poco. Asegúrese de seguirnos a fondo.
Un encabezado de tabla adhesivo proporciona una buena experiencia de usuario, especialmente en páginas con muchos datos o tablas comparativas largas.
Puede mejorar eficazmente la legibilidad y la navegación en entradas con tablas largas, facilitando a los lectores el seguimiento de los datos a medida que se desplazan hacia abajo.
Ahora, vamos a aprender cómo hacer un encabezado de tabla pegajosa en WordPress.
Cómo hacer que un encabezado de tabla sea adhesivo en WordPress
Encontrará un núcleo bloque de mesa en WordPress, pero las funcionalidades del bloque de tabla son tan básicas que no encontrarás en él la opción de cabecera adhesiva.
Por lo tanto, usaremos un plugin constructor de tablas de terceros dedicado a ayudarte a crear tablas impresionantes en Gutenberg Block Editor, y ese es Tableberg.
Tableberg es un plugin de bloque de tabla de terceros que te permite crear cualquier tabla que se te ocurra dentro del editor de bloques de Gutenberg.
Cree bonitas mesas
Con el editor de bloques
Paso 1: Instalar Tableberg
El primer paso es instalar el plugin Tableberg. Para ello, dirígete al panel de control de tu sitio web WordPress.
Ahora, vaya a Plugins (1) > Añadir nuevo plugin (2). Busque Tableberg en el cuadro del complemento de búsqueda (3). Pulse "Instalar ahora". (4).
Después de instalar el plugin, debe activarlo.
Nota: Para utilizar la opción Encabezado adhesivo, debe obtener la etiqueta versión pro de Tableberg. La versión gratuita no incluye esta opción.
Paso 2: Vaya a su publicación o página
Navegue por Mensajes (1) > Todos los mensajes (2) y editar ese mensaje o página (3). N.B. Lo mismo ocurre para editar una página, pero primero debe ir a Páginas > Todas las páginas.
Paso 3: Hacer que el encabezado de la tabla sea adhesivo
El primer paso es hacer que la primera fila sea la cabecera de la tabla.
Seleccione primero su mesa. Haga clic en Configuración en la parte superior derecha (1). Navegue hasta Bloquear (2) > Ajustes (3). Active la opción "Hacer encabezado de fila superior” (4).
Desplácese hacia abajo y busque Fila superior adhesiva y actívela. Ahora, la cabecera de su tabla se ha convertido en una cabecera adhesiva.
Además, puedes seleccionar un color diferente para tu cabecera para que tu cabecera adhesiva destaque. Los pasos son los mismos que en la imagen anterior. La única diferencia es que tienes que elegir Estilo (1) > Fondo de la cabecera (2) > Elegir color (3). (N.B. Este paso es opcional).
Así es como se hace una cabecera de tabla adhesiva. Aquí está cómo su tabla se ve a continuación.
Reflexiones finales
Añadir un encabezado de tabla adhesivo en WordPress es un ligero ajuste que puede tener un impacto eficaz, haciendo que las tablas con muchos datos sean mucho más fáciles de usar. Esta mejora mejorará la experiencia de usuario de los visitantes de su sitio web.
Siguiendo estos pasos, puede crear una tabla accesible y de aspecto profesional con un encabezado adhesivo que permanece visible a medida que los usuarios se desplazan.
No es tan complicado como puede parecer a primera vista.
Espero que hayas entendido el tutorial. Te ha ayudado a convertir rápidamente la cabecera de la fila superior de tu tabla en una cabecera adhesiva.
Si encuentras alguna dificultad al seguir el tutorial, no dudes en hacérmelo saber en la sección de comentarios más abajo. Estoy a tu disposición para ayudarte.
Entradas relacionadas