El bloque de tabla de WordPress le permite crear una tabla para sus publicaciones o páginas. Excelente para mostrar datos tabulares. Es fácil de usar y se puede adaptar al diseño de su sitio web.
En este artículo, echaremos un vistazo más de cerca al bloque de tabla. Veremos cómo agregarlo a publicaciones y páginas, su configuración y opciones, mejores prácticas y preguntas frecuentes.
¿Cómo agrego un bloque de tabla a mi publicación o página?
Haga clic en el módulo de inserción de bloques en el que desea agregar un bloque y busque Tabla. Cuando aparezca el bloque de la tabla, haga clic en él para agregarlo a su contenido. Alternativamente, puede usar el insertador en la esquina superior izquierda de la pantalla o escribir /mesa y presione Entrar.
Esto agregará un bloque de tabla donde puede especificar el número de columnas y filas. Ingrese el número de columnas y filas que desea en la 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 como ejemplo.
Configuración y opciones del bloque de tablas
Echemos un vistazo a la configuración y las opciones.
Barra de herramientas de bloque de tabla
La barra de herramientas del bloque de tabla aparece encima de la tabla cuando hace clic en la tabla.
Cambiar el tipo o estilo de bloque
Esto le permite agregar una tabla a un grupo, establecer el número de columnas de diseño (no columnas de tabla) y seleccionar el estilo de tabla apropiado. Hay dos opciones de estilo. El estilo predeterminado tiene un fondo sólido y las franjas agregan una franja gris cada dos líneas. Al pasar el cursor sobre las opciones se obtiene una vista previa.
Cambiar la alineación
Configure la mesa a la izquierda, al centro, a la derecha, a lo ancho o a todo lo ancho. Wide Width y Full Width no son compatibles con todos los temas. En este ejemplo, lo he puesto ancho.
Alineación de columnas
Elija la alineación para cada columna individualmente. Configúrelos para que estén alineados a la izquierda, al centro o a la derecha. En este ejemplo, puse la columna Izquierda en Derecha y el resto en Centro.
Negrita y cursiva
Los ajustes de negrita y cursiva ajustan el texto seleccionado. Cualquier texto en la tabla o título puede estar en negrita, cursiva o ambos. Tienes que seleccionar cada celda de forma independiente.
Combinar
Agregue un enlace a cualquier cosa en la tabla o título. Agregué enlaces a los nombres de los relojes y en la leyenda de este ejemplo. A medida que ingresa su URL, busca en su sitio las URL que se han utilizado anteriormente y las ofrece como sugerencias.
Más opciones de mesa
Esto abrirá una lista desplegable con varias opciones. Cada una de las siguientes opciones se ha agregado a la imagen de arriba:
código en línea – muestra texto con estilo de código.
Imagen incorporada – abre la Biblioteca multimedia, donde puede seleccionar una imagen para colocarla en la posición del cursor. Puede seleccionar una imagen para cambiar su ancho.
Entrada de teclado – agrega etiquetas de teclado al contenido para definir la entrada del teclado. Se muestra con la fuente de navegador monoespaciada predeterminada.
tachado – coloca una línea a través del texto seleccionado.
Índice – convierte el texto que marcó en subíndice.
Sobrescrito – convierte el texto seleccionado en superíndice.
El color del texto – le permite cambiar el color del texto resaltado. Puede elegir entre colores preestablecidos, elegir un color con el selector de color o ingresar un valor como código hexadecimal o RBG.
Editar la 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 seleccionada. Esto facilita cambiar el tamaño de la tabla en cualquier momento. He agregado ambos en este ejemplo.
Opciones de bloqueo
El botón de opción de bloque de tabla abre un cuadro desplegable con más opciones para elegir. Las opciones de mesa incluyen:
Ocultar más configuraciones – esta opción oculta la barra lateral derecha para un espacio de trabajo más limpio.
Copiar – copia un bloque de tabla al portapapeles. Luego puede pegarlo en cualquier parte de esta página o en la publicación.
Duplicar – crea un bloque de mesa duplicado debajo de la mesa.
Insertar antes – inserta un espacio de bloque antes del bloque de tabla.
Insertar después – inserta un bloque después de un bloque de tabla.
Mover a – coloca una línea azul en el editor de bloques. Puede mover la línea hacia arriba o hacia abajo con las teclas de flecha. Cuando aparezca la línea azul en la ubicación donde desea mover el bloque de la tabla, presione Entrar y el bloque se moverá automáticamente a la nueva ubicación.
Editar como HTML – esta opción se convierte en un editor de código para que pueda ver el contenido como HTML.
Agregar a bloques reutilizables – Esta opción agrega un bloque de tabla a los bloques reutilizables para que pueda reutilizarlo en cualquier página o publicación.
Grupo – esto crea un grupo para que puedas unir todos los bloques.
Eliminar bloque – esta opción elimina el bloque de la tabla.
Configuración de bloque de tabla
La configuración del bloque de tabla se coloca junto con 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, luego haga clic en cualquier parte del bloque de la tabla para ver la configuración. Verás la palabra Mesa con un icono y una breve descripción. También verá las opciones Estilo, Color, Configuración de la tabla y Opciones avanzadas. Haga clic en cada uno de los títulos para abrir su configuración.
Estilos
Los estilos de bloque de mesa le permiten elegir entre una mesa sin barras o con rayas. También puede configurar el estilo predeterminado en el cuadro desplegable debajo de los dos estilos, o puede dejarlo sin configurar. Los estilos proporcionan una vista previa
Color
Color le permite controlar los colores del texto, la cuadrícula y el fondo del bloque de la tabla. Elija entre varios colores preseleccionados o seleccione un color personalizado del selector de color.
Seleccione uno para el texto y la cuadrícula. Elija un color sólido como fondo o cree un degradado. Tanto el texto como los colores de fondo le permiten ingresar código hexadecimal o RGB. El degradado de fondo puede ser lineal o radial. Lineal contiene una configuración para controlar la dirección.
En el ejemplo anterior, elegí blanco para el texto y la malla, y seleccioné algunos tonos de azul para el degradado radial.
Si elige el estilo Raya, el color de fondo controlará el color de fondo rayado. Las rayas pueden ser un fondo sólido o degradado.
Configuración de la mesa
La configuración de la mesa proporciona opciones que se pueden activar y desactivar. Los ajustes incluyen:
Ancho fijo – Hace que las celdas tengan el mismo tamaño para que la tabla se vea consistente. Evita que las celdas se adapten al tamaño de su contenido y les da diferentes tamaños.
Sección de encabezado – agrega una línea con texto en negrita en la parte superior. Está separado del resto de las celdas por una línea en negrita. Estos se destacan y actúan como etiquetas para las columnas.
Sección de pie de página – agrega una fila en la parte inferior de la tabla que actúa como pie de página. Está separado de otras celdas por una línea en negrita, pero el texto no está en negrita de forma predeterminada. Esto es bueno para resumir información, dar un total o repetir un título para tablas grandes.
Avanzado
La configuración avanzada del bloque de tablas incluye una opción de anclaje HTML y un campo para agregar clases CSS adicionales. El ancla actúa como una URL especial para que pueda vincular directamente al bloque de la tabla. El campo Clases CSS le permite agregar una clase CSS personalizada al estilo del bloque. Tiene una clase predeterminada para el estilo seleccionado en la configuración de estilo.
Sugerencias y mejores prácticas para usar el bloque de tabla de manera efectiva
Utilice un bloque de tabla siempre que desee mostrar datos o contenido tabulares. No los use para crear columnas. Un bloque de columnas es lo mejor para esto.
Agregue un título de tabla con un bloque de párrafo.
Cree títulos de fila agregando un encabezado. Use etiquetas claras que sean fáciles de entender.
Use un ancho fijo para que la mesa se vea más pulida y profesional.
Elija barras para mesas más grandes para que sean más fáciles de leer.
Use el pie de página para resumir la información o vuelva a mostrar los títulos si la tabla es grande.
Preguntas frecuentes sobre el bloque de mesa
¿Cuál es el mejor uso del bloque de mesa?
Este bloque es excelente para crear tablas y gráficos.
¿Se puede usar un bloque de tabla para crear columnas?
Sí, pero eso no le da suficiente control sobre los altavoces. 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.
Solicitud
Aquí está nuestra mirada al bloque de la tabla de WordPress. Es un bloque excelente para crear tablas básicas, e incluso puede adaptarse a su sitio web hasta cierto punto. 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. ¿Está utilizando un bloque de tabla en su contenido de WordPress? Cuéntanos tu experiencia en los comentarios.
Imagen destacada a través de Seahorse Vector / shutterstock.com
