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:
- Texto alternativo: Le permite establecer Texto alternativo para fines de SEO.
- Relación de aspecto: Esto le permite establecer la relación de aspecto de su imagen en Original, Cuadrado, Estándar, Retrato, Clásico, Retrato Clásico, Ancho y Alto.
- Resolución: Puede ajustar la resolución a grande, Mediana, Miniatura y Tamaño completo.
- Anchura: Ajusta la anchura que desees.
- Altura: Establezca la altura de la imagen que necesita.
Los Estilos de bloque contienen otras características de estilo que puede necesitar al diseñar el bloque de imagen.
- Estilos: Esta función le permite establecer los estilos de imagen en Predeterminado y Redondeado.
- Filtros: Los filtros te permiten establecer un filtro duotono para tu imagen sin perder su originalidad.
- Dimensiones: Esta función le permite establecer márgenes para su imagen.
- Frontera y sombra: Puede añadir un borde y un radio de borde para el bloque de imagen utilizando esta función.
Así se utiliza el bloque de imagen y sus opciones.
Reflexiones finales
El bloque de imágenes de WordPress es una herramienta potente y fácil de usar que te ayuda a mejorar tu contenido con elementos visuales. Domina todas las funciones de este bloque y haz que tu sitio web sea visualmente atractivo.
El bloque de imágenes es perfecto para compartir tus productos destacados, compartir recuerdos o explicar un concepto. También ayuda a que tus imágenes tengan el mejor aspecto.
Así que, la próxima vez que trabajes en un proyecto de WordPress, utiliza este práctico bloque para elevar tu contenido.
Espero que este tutorial te haya resultado útil y fácil de seguir. En la sección de comentarios de abajo, déjame oír tus gritos sobre el tutorial y el bloque.
Además, no olvides compartir esto en tus redes sociales y dar a conocer a otros este impresionante bloque de imágenes.
Más información
- Cómo utilizar el bloque preformateado en WordPress en 3 sencillos pasos
- Cómo utilizar el bloque de código en WordPress en 3 sencillos pasos
- Cómo utilizar el bloque de presupuesto en WordPress en 3 sencillos pasos
- Cómo utilizar el bloque de lista en WordPress
- Cómo utilizar el editor de bloques de WordPress (Guía para principiantes)
- 7 mejores plugins de tablas de precios para WooCommerce
