Cómo añadir una imagen a una tabla en WordPress

El contenido visual es sin duda crucial para atraer a los usuarios. Ya seas bloguero, afiliado, propietario de un eCommerce o cualquier otro, puede que necesites añadir contenido gráfico a tu contenido por varias razones.

Las imágenes son uno de esos contenidos gráficos importantes. Muchos usuarios aún no saben cómo añadir imágenes a las tablas de WordPress. Pero mediante la adición de imágenes a la tabla, puede crear fácilmente varios tipos de tablas como la comparación, la especificación del producto, tablas de precios, etc.

En este artículo, le mostraremos dos métodos sencillos de cómo añadir una imagen a una tabla en WordPress. ¡Vamos a empezar!

Cree bonitas mesas
Con el editor de bloques

Método 1: Utilizar el bloque de tabla por defecto

El editor de bloques predeterminado de Gutenberg viene con la opción Imagen en línea que encontrarás en la barra de herramientas. Usando la opción Inline Image, puedes añadir imágenes fácilmente a tu WordPress. Este es el proceso.

Paso 01: Añadir el bloque de tabla al editor

Abre un post o página donde quieras añadir la tabla. Añada la tabla Bloque de mesa al editor.

Añadir el bloque de tabla al editor

Defina el número de filas y columnas.

Definir el número de filas y columnas

La tabla se creará en unos segundos.

Se crea la tabla por defecto

Paso 02: Añadir la opción de imagen en línea a la tabla

Sitúe el cursor en la celda en la que desea añadir una imagen. Aparecerá la barra de herramientas.

Haga clic en el botón Más opciones en la barra de herramientas. Busque y pulse Imagen en línea en la lista.

Paso 03: Seleccionar y añadir una imagen

Podrás añadir una imagen, ya sea desde la biblioteca multimedia o cargándola desde tu disco local. Elige la imagen que quieras. Pulsa el botón Botón de selección al final.

Seleccionar y añadir una imagen

La imagen se añadirá en un segundo. Ahora, puede aumentar su tamaño cambiando su anchura.

Ancho de la imagen en línea

Del mismo modo, añada una nueva imagen a la otra columna utilizando la misma opción Imagen en línea.

Añadir imagen en línea a una tabla

Método 2: Utilizar el bloque Tableberg

Tableberg es un plugin constructor de tablas rico en funciones y fácil de usar para principiantes. Con este plugin, también puede construir tablas y añadir imágenes a sus celdas. Hemos explicado el proceso a continuación.

Paso 01: Añadir el bloque Tableberg al editor

Busque y añada el Bloque TableBerg al editor. El bloque funciona de la misma manera que el bloque Tabla por defecto, como se muestra arriba.

Busca y añade el bloque TableBerg a tu editor de Gutenberg

Defina el número de fila y de columna.

El esquema de la mesa está listo.

El esquema de la mesa está listo

Paso 02: Añadir el bloque de imagen a la tabla

TableBerg incluye el Bloque de imágenes. Funciona de forma similar al bloque Imagen de Gutenberg. Añade el bloque Imagen a la celda.

Añadir el bloque de imagen a la tabla

Seleccione la opción para subir la imagen deseada desde la fuente respectiva. Para este tutorial, subiremos la imagen desde la Biblioteca multimedia.

Seleccione la opción de carga de imágenes

Paso 03: Seleccionar y cargar una imagen

Espero que sepas lo que tienes que hacer aquí. Elija una imagen y haga clic en el botón Botón de selección.

Seleccionar y cargar una imagen

La imagen se añadirá a la tabla al instante. Puede cambiar el tamaño de la imagen arrastrando la línea del borde, como se muestra en la imagen siguiente.

La imagen se añadirá a la tabla

Paso 04: Personalizar y dar estilo a la imagen

Ven al Ficha Configuración en la barra lateral derecha. Puede añadir un texto alternativo, relación de aspecto, anchura, altura y resolución, que no son posibles con la opción Imagen en línea.

Ir a la Ficha Estilos. Puede añadir un borde y el radio del borde utilizando las opciones de esta pestaña.

Estilizar la imagen sobre la mesa

Así, puede añadir imágenes a la tabla en WordPress.

Notas finales

Aunque TableBerg es un plugin nuevo, va a cambiar las reglas del juego. Muy pronto llevará la experiencia de creación de tablas basada en Gutenberg al siguiente nivel.

Con el plugin TableBerg, puede añadir no sólo imágenes, sino también otros tipos de contenido como cintas, clasificaciones, listas con viñetas, botones CTA, HTML personalizado, etc.

Usándolas puedes crear tablas multifuncionales con el plugin. Echa un vistazo a algunos posts:



El equipo de Tableberg