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!
- Método 1: Using the default Table Block
- Método 2: Uso del bloque Tableberg
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.
Defina el número de filas y columnas.
La tabla se creará en unos segundos.
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.
La imagen se añadirá en un segundo. Ahora, puede aumentar su tamaño cambiando su anchura.
Del mismo modo, añada una nueva imagen a la otra columna utilizando la misma opción Imagen en línea.
Method 2: Using the Tableberg Block
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.
Step 01: Add the Tableberg Block to the 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.
Defina el número de fila y de columna.
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.
Seleccione la opción para subir la imagen deseada desde la fuente respectiva. Para este tutorial, subiremos la imagen desde la Biblioteca multimedia.
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.
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.
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.
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:
