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 Bloque de tabla, haz clic en él para agregarlo a tu contenido. Alternativamente, puede usar el insertador en la esquina 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 Twenty Twenty-One de WordPress para mis ejemplos.

Configuración y opciones del 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 el 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 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 Rayas agrega una franja gris a cada dos líneas. Al pasar el cursor sobre las opciones, se obtiene una vista previa.

Cambiar alineación

Coloque la mesa a la izquierda, al centro, a la derecha, de ancho ancho o ancho completo. Ancho ancho y Ancho completo no son compatibles con todos los temas. Lo configuré en ancho amplio en este ejemplo.

Alineación de columnas

Elija la alineación para cada columna individualmente. Colóquelos en alineación izquierda, central o derecha. En este ejemplo, configuré la columna izquierda en Derecha y el resto en Centro.

Negrita e itálica

Las configuraciones en negrita y cursiva ajustan el texto que ha resaltado. Cualquier texto dentro de la tabla o la leyenda se puede poner en negrita, cursiva o ambos. Debe seleccionar cada celda de forma independiente.

Enlace

Agregue un enlace a cualquier elemento de la tabla o título. Agregué 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 utilizado anteriormente 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 texto diseñado 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 del 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 resaltado en un subíndice.

Superíndice : convierte el texto 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 ha 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 del Bloque de tabla 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 el portapapeles. Luego puede pegarlo en cualquier lugar que desee dentro de esa página o publicación.

Duplicar : crea un duplicado del Bloque de mesa 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 a la ubicación en la que desea mover su bloque de mesa para presionar Enter y su bloque se mueve automáticamente a la nueva ubicación.

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

Agregar a bloques reutilizables : esta opción agrega su Bloque de mesa 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 del bloque de mesa

La configuración de Table Block se coloca con las otras configuraciones en la barra lateral derecha. Haga clic en el icono de engranaje 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 mesa le permiten seleccionar entre una mesa 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 permite controlar el texto, la cuadrícula y los colores de fondo del bloque de tabla. Elija entre varios colores preseleccionados o seleccione un color personalizado del selector de color.

Para el texto y la cuadrícula, elija uno. 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é el blanco para el texto y la cuadrícula, y seleccioné algunos tonos de azul para un degradado radial.

Si ha seleccionado el estilo de rayas, 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. La configuración incluye:

Ancho fijo : hace que las celdas tengan el mismo tamaño, por lo que la tabla parece 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 a la parte inferior 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 forma predeterminada. Esto es bueno para resumir información, proporcionar un total o repetir el título para tablas grandes.

Avanzado

La configuración del Bloque de tabla avanzado 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 ha seleccionado en la configuración de Estilo.

Consejos y prácticas recomendadas para utilizar el bloque de tabla de forma eficaz

Utilice el Bloque de tabla siempre 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. Utilice etiquetas claras que sean fáciles de entender.

Utilice el ancho fijo para que la mesa luzca más pulida y profesional.

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

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

Preguntas frecuentes sobre el bloque de mesa

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

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

¿Se puede usar el bloque de tabla para crear columnas?

Sí, pero no le 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?

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

Conclusión

Ese es nuestro vistazo al bloque de tablas 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.

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

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