Cómo usar el bloque de tabla de WordPress

El bloque de tabla de WordPress le permite crear una tabla para sus publicaciones o páginas. Esto es excelente para mostrar datos tabulados. Es fácil de usar y se puede diseñar para que funcione con el diseño de su sitio web.

En este artículo, veremos de cerca el bloque de tabla. Veremos cómo agregarlo a publicaciones y páginas, su configuración y opciones, las mejores prácticas y las preguntas frecuentes.

Cómo agregar el bloque de tabla a su publicación o página

Haga clic en el insertador de bloques donde desea agregar el bloque y busque Tabla. Cuando aparezca el Table Block, haz clic en él para agregarlo a tu contenido. Alternativamente, puede usar el insertador en la parte superior izquierda de la pantalla, o escribir /table y presionar enter.

Esto agrega el bloque de tabla donde puede especificar el número de columnas y filas. Ingrese el número de columnas y filas que desea para su tabla y haga clic en Crear tabla.

Su tabla aparecerá en la pantalla donde puede agregar contenido a la celda y agregar un título en la parte inferior. El estilo predeterminado variará según el tema de WordPress que esté utilizando. Estoy usando el tema de WordPress Twenty Twenty-One para mis ejemplos.

Configuración y opciones de bloque de tabla

Veamos la configuración y las opciones.

Barra de herramientas de bloque de tabla

La barra de herramientas Table Block aparece encima de la tabla cuando hace clic en la tabla.

Cambiar tipo o estilo de bloque

Esto le permite agregar la tabla a un grupo, establecer el número de columnas para el diseño (no las columnas de la tabla) y seleccionar el estilo que desea para la tabla. Hay dos opciones para el estilo. El estilo predeterminado tiene un fondo sólido, mientras que Stripes agrega una franja gris a cada línea. Al pasar el cursor sobre las opciones se obtiene una vista previa.

Cambiar alineación

Configure la mesa a la izquierda, al centro, a la derecha, ancho ancho o ancho completo. El ancho ancho y el ancho completo no son compatibles con todos los temas. Lo configuré en ancho ancho en este ejemplo.

Alineación de columnas

Elija la alineación para cada columna individualmente. Ajústelos a la izquierda, al centro o a la derecha. En este ejemplo, configuré la columna izquierda en Derecha y configuré el resto en Centro.

negrita y cursiva

Los ajustes de negrita y cursiva ajustan el texto que ha resaltado. Cualquier texto dentro de la tabla o el título se puede poner en negrita, cursiva o ambos. Debe seleccionar cada celda de forma independiente.

Enlace

Agregue un enlace a cualquier cosa en la tabla o título. He agregado enlaces a los nombres de los relojes y en el título de este ejemplo. A medida que escribe una URL, busca en su sitio web las URL que ha usado antes y las ofrece como sugerencias.

Más opciones de mesa

Esto abre un cuadro desplegable con varias opciones. Cada una de las siguientes opciones se agrega a la imagen de arriba:

Código en línea : muestra el estilo del texto como código.

Imagen en línea : abre la biblioteca de medios donde puede seleccionar una imagen para colocar en línea en la ubicación de su cursor. Puede seleccionar la imagen para cambiar su ancho.

Entrada de teclado : agrega etiquetas de teclado a su contenido para definir la entrada de teclado. Se muestra con la fuente monoespaciada predeterminada del navegador.

Tachado : coloca una línea a través del texto que ha resaltado.

Subíndice : convierte el texto que ha resaltado en un subíndice.

Superíndice : convierte el texto que ha resaltado en superíndice.

Color del texto : le permite cambiar el color del texto que ha resaltado. Puede seleccionar entre colores prefabricados, elegir un color con la herramienta de selección de color o ingresar el valor como un código hexadecimal o RBG.

Editar tabla

La opción Editar tabla abre un cuadro desplegable donde puede insertar o eliminar filas y columnas. Agréguelos antes o después de la fila o columna que haya seleccionado. Esto hace que sea fácil cambiar el tamaño de su mesa en cualquier momento. He agregado ambos en este ejemplo.

Opciones de bloque

El botón de opciones de Table Block abre un cuadro desplegable con más opciones para elegir. Las opciones de la tabla incluyen:

Ocultar más configuraciones : esta opción oculta la barra lateral derecha para brindarle un espacio de trabajo más limpio.

Copiar : copia el bloque de tabla en su portapapeles. Luego puede pegarlo en cualquier lugar que desee dentro de esa página o publicación.

Duplicar : crea un duplicado del Table Block debajo de la mesa.

Insertar antes : inserta espacio para un bloque antes del bloque de tabla.

Insertar después : inserta espacio para un bloque después del bloque de tabla.

Mover a : coloca una línea azul dentro del editor de bloques. Puede mover la línea hacia arriba o hacia abajo con las teclas de flecha. Una vez que obtenga la línea azul en la ubicación a la que desea mover su Table Block, presione Enter y su bloque se moverá automáticamente a la nueva ubicación.

Editar como HTML : esta opción cambia al editor de código para que pueda ver el contenido como HTML.

Agregar a bloques reutilizables : esta opción agrega su bloque de tabla a los bloques reutilizables para que pueda usarlo nuevamente en cualquier página o publicación.

Grupo : esto crea un grupo para que pueda ajustar todos los bloques juntos.

Eliminar bloque : esta opción elimina el bloque de tabla.

Configuración de bloque de tabla

La configuración de Table Block se coloca con las otras configuraciones en la barra lateral derecha. Haga clic en el ícono de ajustes en la esquina superior derecha si la barra lateral no está abierta y luego haga clic en cualquier parte del Bloque de tabla para mostrar la configuración. Verá la palabra Tabla con un icono y una breve descripción. También verá opciones para Estilos, Color, Configuración de tabla y Avanzado. Haga clic en cada uno de los títulos para abrir su configuración.

Estilos

Los Estilos de bloque de tabla le permiten seleccionar entre una tabla sin rayas o con rayas. También puede configurar el estilo predeterminado en el cuadro desplegable debajo de los dos estilos, o puede dejarlo como no configurado. Los estilos proporcionan una vista previa

Color

El color le da control sobre el texto, la cuadrícula y los colores de fondo del Table Block. Elija entre varios colores preseleccionados o seleccione un color personalizado del selector de color.

Para el texto y la cuadrícula, elija uno solo. Para el fondo, elija un color sólido o cree un degradado. Tanto el texto como los colores de fondo le permiten ingresar el código hexadecimal o RGB. El degradado de fondo puede ser lineal o radial. Lineal incluye una configuración que le permite controlar la dirección.

En el ejemplo anterior, seleccioné blanco para el texto y la cuadrícula, y seleccioné algunos tonos de azul para un degradado radial.

Si ha seleccionado el estilo Raya, el color de fondo controlará el color de rayas del fondo. Las rayas pueden ser un fondo sólido o degradado.

Configuración de la mesa

La configuración de la tabla proporciona opciones que se pueden activar o desactivar. Los ajustes incluyen:

Ancho fijo : hace que las celdas tengan el mismo tamaño, por lo que la tabla se ve consistente. Evita que las células se adapten al tamaño de su contenido y las haga de diferentes tamaños.

Sección de encabezado : agrega una fila en la parte superior con texto en negrita. Está separado de las otras celdas con una línea en negrita. Estos se destacan y funcionan como etiquetas para las columnas.

Sección de pie de página : agrega una fila al final de la tabla que funciona como pie de página. Está separado de las otras celdas con una línea en negrita, pero el texto no está en negrita de manera predeterminada. Esto es bueno para resumir información, proporcionar un total o repetir el título para tablas grandes.

Avanzado

La configuración avanzada del bloque de tabla incluye una opción para un ancla HTML y un campo para agregar clases CSS adicionales. El ancla funciona como una URL especial para que pueda vincular directamente al bloque de tabla. El campo de clases de CSS le permite agregar una clase de CSS personalizada para diseñar el bloque. Tiene una clase por defecto para el Estilo que hayas seleccionado en la configuración de Estilo.

Sugerencias y mejores prácticas para usar el bloque de tabla de manera efectiva

Use el bloque de tabla cada vez que necesite mostrar datos o contenido tabulados. No los use para crear columnas. El Bloque de Columnas es mejor para esto.

Agregue un título para la tabla con el bloque de párrafo .

Cree títulos para las filas agregando un encabezado. Use etiquetas claras que sean fáciles de entender.

Use Ancho fijo para que la mesa se vea más pulida y profesional.

Seleccione Rayas para tablas más grandes para que sean más fáciles de leer.

Utilice un pie de página para resumir la información o para volver a mostrar los títulos si la tabla es grande.

Preguntas frecuentes sobre el bloque de mesa

¿Cuál es el mejor uso del Table Block?

Este bloque es excelente para crear tablas y gráficos.

¿Se puede usar el Table Block para crear columnas?

Sí, pero no te da suficiente control sobre las columnas. Es mejor usar el bloque de columnas para esto.

¿Se puede cambiar el tamaño de la mesa más tarde?

Sí. Inserte o elimine filas o columnas usando las opciones de la Tabla.

Conclusión

Esa es nuestra mirada al bloque de tabla de WordPress. Este es un bloque excelente para crear tablas básicas e incluso puede diseñarlas hasta cierto punto para que coincidan con su sitio web. Este bloque es una de las ventajas del Editor de bloques. Las tablas creadas con este bloque son simples, pero funcionan muy bien y son fáciles de construir. Si está buscando tablas más avanzadas, eche un vistazo a lo que Divi TableMaker y estos complementos de creación de tablas de WordPress pueden hacer por usted.

Queremos escuchar de ti. ¿Usas Table Block en tu contenido de WordPress? Cuéntanos tu experiencia en los comentarios.

Imagen destacada a través de Seahorse Vector / shutterstock.com