Cómo añadir fondo de imagen a una tabla en WordPress (3 sencillos pasos)

Resumir este post con IA

Si está buscando una respuesta a la pregunta de "cómo añadir fondo de imagen a una tabla en WordPress", no encontrará una respuesta directa. Además, no hay ninguna opción directa para añadir cualquier.

Pero si usted es lo suficientemente creativo, puede hacerlo fácilmente tomando la ayuda de los otros bloques básicos proporcionados en WordPress. Hoy, voy a mostrar cómo agregar una imagen de fondo a una tabla en WordPress en tres pasos.

¿Por qué añadir una imagen de fondo a una tabla en WordPress?

Añadir una imagen de fondo a una tabla en WordPress puede servir para varios propósitos, dependiendo de tus objetivos de diseño y del contenido que estés presentando.

He aquí algunas razones comunes por las que podría planteárselo:

  • Mejorar el atractivo visual: Una imagen de fondo puede hacer que una tabla sencilla resulte más atractiva. Añade una capa de creatividad y puede ayudar a que tu contenido destaque, sobre todo si la tabla forma parte de una página de aterrizaje o de un post visualmente rico.
  • Coherencia de marca: Si su sitio web sigue un tema de diseño o una marca específica (colores, patrones o imágenes), una imagen de fondo en la tabla puede ayudar a mantener la coherencia.
  • Presentación creativa: Las imágenes de fondo son útiles para tablas con contenido creativo o no técnico, como cronogramas de eventos, catálogos de productos o portafolios. Pueden hacer que la mesa deje de ser puramente funcional para convertirse en una parte integral del diseño.

Ahora, vamos a nuestra parte principal.

Cómo añadir un fondo de imagen a una tabla en WordPress

Para nuestro tutorial de hoy, utilizaremos Tableberg. Por si no lo sabías, Tableberg es un plugin de tablas sólo para Gutenberg que te permite crear tablas hermosas y responsivas dentro de Gutenberg.

Permite añadir iimágenes, puntuaciones con estrellas, botones, cintas, HTML personalizado, texto, listas con estilo, etc., para hacer una tabla funcional y bailable dentro del editor de bloques de Gutenberg. Además, tiene funciones avanzadas como fusionar & dividir celdas, definir altura & anchura de celdas, cabecera pegajosa, etc. De nuevo, puedes usar plantillas de tablas para empezar rápidamente.

Cree bonitas mesas
Con el editor de bloques

Paso 1: Cree primero un grupo

Desde el Tableberg y Core tabla WordPress bloque no le permite añadir una imagen de fondo, vamos a utilizar el Bloque de grupo y Bloque de cubierta.

Antes de crear una tabla, cree primero un grupo.

Dirígete a tu entrada e inserta primero el Bloque de Grupo. Para insertar el Bloque de Grupo, haz clic en el botón "+" icono (Añadir icono de bloque) en el editor (1) y escriba "Grupo" en la casilla de búsqueda (2). Haga clic en "Grupo" para insertarlo en el editor(3).

Ahora, seleccione el primer diseño.

Pulsa el botón Botón Añadir bloque dentro del bloque Grupo (1). Tipo "Portada" dentro del cuadro de búsqueda (2) y seleccione el Bloque de cubierta (3).

Seleccione la opción para cargar su imagen.

Después de insertar la imagen, elimine el bloque Título dentro del bloque Portada.

Paso 2: Cree su tabla Tablberg

Ahora, cree su tabla dentro del bloque Cover. Haré clic en el botón "+" icono (Añadir icono de bloque) en el editor (1) y escriba "Tableberg" en la casilla de búsqueda (2). Ahora, haré clic en "Tableberg" para insertarlo en el editor(3).

Insertaré una plantilla de tabla de Tablberg (1) para empezar rápidamente y cambiar mis datos en consecuencia.

Ahora, elegiré una de la biblioteca de plantillas.

Así es como se ve a continuación.

Paso 3: Personalizar el bloque de portada

Ahora, debes personalizar la imagen de portada para que cualquiera pueda entender fácilmente los datos de tu tabla. Seleccione la Cubra el bloque simplemente haciendo clic fuera de la mesa. Navegue hasta el Ajustes (1) > Bloque (2) > Estilos (3).