Widget Imagen – Elementor

Elementor widget imagen

Las imágenes son igual de importantes para generar un mejor contenido, recuerda que el usuario escanea y es un stop a la lectura, por lo que no debes olvidar utilizar este widget.

Pasos para agregar el widget

1. Arrastra el widget imagen a la sección que desees usar:

widget imagen elementor

2. De forma predeterminada nos aparece lo siguiente:

predeterminado widget imagen

¿Qué es lo que se puede editar en el widget imagen?

Contenido

  • Seleccionar imagen: seleccionas la imagen que deseas publicar
  • Tamaño de la imagen: escoges el tamaño de la imagen, hay desde pequeño a grande
  • Alineación: la ubicación de la imagen a la derecha, centrado o izquierda
  • Leyenda: puedes agregar el título de la imagen o un texto personalizado
  • Enlace: si deseas que al momento de dar clic se agrande debes seleccionar «archivos de medios» y si deseas que se abra una nueva pestaña con una URL personalizada
contenido imagen

Estilo

  • Ancho: establece el ancho de la imagen
  • Ancho máximo: establece el ancho máximo de la imagen
  • Alto: establece el alto de la imagen
  • Opacidad: determina que tan visible quieres que se vea la imagen
  • Filtros CSS: establece filtro CSS: desenfoque, brillo, contraste y saturación
  • Tipo de borde: escoge el tipo de borde que deseas en la imagen: sólido, líneas, punteado, dobles y ranuras
  • Radio de borde: establece el radio del borde de la imagen
  • Sombra de caja: determina un resaltado a la imagen ya sea: horizontal, vertical, difuminado y extendido (en esta imagen estoy aplicando este efecto ‘sombra de caja’)
estilo del wigdet imagen

Consejo

Al momento de subir las imágenes, evita que estén alojadas en un servidor externo, pueden tener un peso más elevado, es preferible que se alojen en tu servidor.

Para finalizar, si no tienes un plugin que te optimice las imágenes, súbelas desde tu computador optimizadas, de esta forma el peso de la página se reduce y la velocidad de carga se mejora.

Lecturas recomendadas:

¿Qué opinas sobre el tema? Déjame un comentario en este momento

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información de Privacidad:
Responsable: Anthony Malla ([email protected])
Finalidad del tratamiento: Controlar el spam, gestionar los comentarios
Legitimación: Tu consentimiento
Comunicación de los datos: No se cederán datos a terceros, salvo obligación legal
Derechos: Acceso, rectificación, portabilidad, olvido

 

Scroll al inicio