La imagen es esencial para cada sitio web para que sea visualmente atractivo. Es por eso que debes aprender a usar el bloque de imagen en WordPress. Como cualquier otro constructor de páginas, el constructor de bloques Gutenberg viene con el bloque de imagen principal para añadir imágenes.
Hoy compartiremos las directrices completas sobre el bloque de imagen, sus ventajas, características y cómo utilizarlo. Asegúrate de estar con nosotros de principio a fin.
¿Qué es el bloque de imagen?
En bloque de imagen es el bloque central dedicado con el editor de bloques de WordPress para añadir imágenes. El bloque de imagen le permite insertar, editar y personalizar las imágenes en su contenido.
El bloque de imagen principal le ofrece las siguientes ventajas.
-
Facilidad de uso: El bloque Imagen es fácil de usar, ya que cualquiera puede utilizarlo sin necesidad de conocimientos especiales. Además, añadir imágenes utilizando el bloque es sencillo.
-
Personalización: Para la personalización, te permite cambiar el tamaño de la imagen, establecer la alineación de la imagen, añadir pies de foto, etc.
-
Optimización SEO: Puedes añadir texto alternativo a cada imagen utilizando el bloque de imagen, que ayuda a los motores de búsqueda a entender mejor tu imagen.
Cree bonitas mesas
Con el editor de bloques
Funciones de la barra de herramientas del bloque de imágenes
La barra de herramientas de bloque de imagen tiene varias características que le permiten personalizarla. A continuación se explican las funciones de la barra de herramientas de bloque.
- Transfórmate: Puede transformar este bloque en un párrafo, código, columnas, etc.
- Arrastra: Permite arrastrar y soltar el bloque dedicado en cualquier lugar.
- Asa móvil: Permite mover el bloque arriba y abajo.
- Alinear: La opción de alineación le permite ajustar la alineación de la imagen a Ninguna, Ancho, Ancho completo, Izquierda, Centro y Derecha.
- Filtro Duotone: El filtro Duotono te permite crear un efecto de dos tonos de color sin perder la imagen original. De nuevo, puedes ajustar las sombras y las luces con esta función.
- Hipervínculo: Esta opción le permite añadir enlaces para el contenido seleccionado dentro del bloque.
- Cosecha: La opción Recortar permite hacer zoom, cambiar la relación de aspecto y girar la imagen.
- Añadir texto sobre imagen: Permite añadir texto sobre la imagen y añadir otros bloques dentro del bloque de imagen. Convierte el Bloque de imágenes en el Bloque de cubierta.
- Añadir pie de foto: Puedes añadir subtítulos utilizando la opción
- Sustitúyelo: La opción de reemplazar te permite sustituir la imagen actual por la otra.
- Más opciones: Ofrece más opciones relacionadas con la sección del bloque, como duplicar, copiar, agrupar, etc.
¿Cómo utilizar el bloque de imágenes en WordPress?
Le mostraremos cómo utilizar el bloque de imágenes de WordPress en unos sencillos pasos a continuación. Todo lo que necesitas es seguir.
Paso 1: Insertar el bloque de imagen
Para insertar el bloque Imagen, dirígete a tu entrada o página.
A continuación, haga clic en Añadir bloque ("+") Añadir bloque icono (1), tipo "Imagen" en la casilla de búsqueda (2)y haga clic en "Imagen" (3).
Paso 2: Inserte su archivo de imagen
Puede seleccionar cualquiera de estas tres opciones.
- Sube: Puede cargar sus archivos de imagen.
- Mediateca: Esto te permite seleccionar imágenes de tu biblioteca multimedia que ya han sido cargadas anteriormente.
- Insertar desde URL: Puede insertar la imagen utilizando los enlaces.
Cómo insertar una imagen a través de la opción de carga
Para insertar archivos de imagen, haz clic en el botón subir, selecciona tu imagen y haz clic en abrir. Después se abrirá en el editor.
Cómo insertar una imagen a través de la opción de biblioteca multimedia
Haga clic en el botón Biblioteca multimedia, seleccione la imagen y haga clic en el botón Seleccionar para insertar la imagen en el editor.
Cómo insertar una imagen mediante la opción Insertar imagen desde URL
Seleccione el botón Insertar desde URL, introduzca el enlace y aparecerá en el editor.
Paso 3: Personalización de la imagen
Cuando hayas insertado la imagen en el editor, puedes cambiar su tamaño directamente desde el editor.
También puede configurar varias opciones desde los Ajustes de bloqueo. Para acceder a los ajustes de bloque, navegue Ajustes (1) > Bloque (2) > Configuración (3).
Las opciones de Configuración contienen funciones como: