Elementor v2.4: imagen de fondo sensible, configuraciones personalizadas y más

Por Lionel Valentin Caderon

Diseñador de Páginas Web, Artista Comercial, Caricaturista y Escritor pepiniano nacido en Añasco, Puerto Rico.

También hemos Publicado

Tutorial de Esta Semana

Elementor v2.4: imagen de fondo sensible, configuraciones personalizadas y más

Elementor-2punto4

Síguenos en Facebook

Elementor-2punto4

Elementor v2.4 presenta características que se centran en mejorar tu experiencia de usuario: control móvil sobre imágenes de fondo, tamaño y posición de fondo personalizados, modo seguro para la solución de problemas y más

Tomassini Dental Laboratory
Laboratorio San Sebastian
Colon Pratts 360
Funeraria Rios Caldas
Comercio Local
On Stage
La Casa del Bordado
Anunciate Ahora 360

Sus imágenes se ven perfectas en cualquier dispositivo, con controles de fondo responsivo.

Siempre hemos estado orgullosos de nuestras capacidades flexibles de diseño móvil.
Sin embargo, obtener la posición de la imagen de fondo de manera
correcta seguía siendo un desafío para los usuarios de Elementor.

Si alguna vez construyó un sitio web, probablemente se haya enfrentado a este problema común:
En el móvil, quieres enfocarte en la cara del perro, pero terminar solo mostrando su cola.

Con la reciente versión de Core v2.4, presentamos un conjunto completo
de capacidades para ayudarlo a personalizar las imágenes de fondo para
cualquier dispositivo. Cumplir con los controles de imagen de fondo responsivo.

Controles de imagen de fondo sensibles

La nueva versión de Elementor permite a los usuarios tener un control completo sobre los controles de imagen de fondo en computadoras de escritorio, tabletas y dispositivos móviles. Este control incluye configuraciones específicas del dispositivo sobre controles de imagen de fondo (imagen, posición, archivo adjunto, repetición y tamaño).

Ahora, finalmente puede establecer diferentes posiciones por dispositivo. Establezca ‘center-center’ para el escritorio y ‘center-top’ para dispositivos móviles, para que todos los dispositivos muestren un área similar de la imagen. También puede designar un tamaño diferente para cada dispositivo. Establecer ‘cubierta’ para escritorio y ‘contener’ para móvil.

Esto fue un gran dolor para muchos usuarios, y estoy seguro de que apreciarán esta nueva característica (de nada, ☺️).

Además del tamaño y la posición, agregamos la opción de configurar imágenes completamente diferentes por dispositivo. El tamaño y la posición específicos del dispositivo fueron los primeros controles de respuesta adicionales. Dimos un paso adelante y también añadimos tamaño y posición personalizados para brindarle una experiencia de diseño aún más flexible.

Tamaño y posición de la imagen de fondo personalizada

Anteriormente, tenía que conformarse con 3 ajustes de tamaño de imagen de fondo: automático, cubrir o contener. Del mismo modo, solo puede definir posiciones generales de la imagen de fondo como ‘Arriba a la izquierda’.

Ahora estamos agregando dos nuevos controles personalizados: tamaño de fondo y posición de fondo.

Con la posición de fondo personalizada , puede establecer manualmente la posición de fondo deseada en un eje X e Y. De esta manera, ahora tiene la opción de establecer la alineación exacta para el fondo.

Además de la posición, también puede establecer un tamaño de fondo personalizado . Establezca un ancho exacto para el ancho de la imagen de fondo para su imagen de fondo.

Estas configuraciones, el tamaño y la posición del fondo personalizado, son especialmente importantes cuando se trata de un diseño sensible. Use esta configuración personalizada para obtener un enfoque específico en el punto focal principal de la imagen para computadoras de escritorio, tabletas y dispositivos móviles.

Controles de Bordes Adaptables

Modo seguro: una manera fácil de solucionar problemas

Aquí en Elementor, nos preocupamos por ofrecer a nuestros usuarios una experiencia fluida y sin errores.

Hay decenas de miles de complementos y temas, con millones de combinaciones para configurarlos para que trabajen juntos. Estas combinaciones causan conflictos inevitables, relacionados o no con Elementor.

Intentamos continuamente reducir estos problemas para nuestros usuarios, para crear un mejor flujo de trabajo.

Un problema recurrente ocurre cuando los usuarios no pueden cargar el editor.

A este problema se le han dado muchos nombres: pantalla blanca de la muerte, no se puede editar, atascado al cargar …

Nuestra solución: cumplir con el modo seguro!

Algunos de ustedes recordarán que Windows solía tener una opción de modo seguro que resultó útil para corregir muchos de los errores que ocurrieron en Windows.

Creamos una solución similar para Elementor.

De ahora en adelante, si se encuentra con una página de carga sin fin, tendrá un botón para activar el “Modo seguro”.

Considere el “Modo seguro” como un entorno seguro que aísla a Elementor y WordPress de los temas y complementos que podrían estar causando el error.

Con el Modo seguro, más del 80% de los problemas de carga se resolverán temporalmente.

¿Modo seguro encendido y todo se carga correctamente?

Esto significa que la causa del error fue probablemente su tema o uno de los complementos. Avanza y desactívalos uno por uno para encontrar a la parte culpable.

Modo seguro encendido y todavía no se está cargando?

Esto significa que debe buscar la solución en otro lugar, es muy probable que sea un problema relacionado con el código personalizado o el alojamiento.

El Modo seguro convierte a todos los usuarios de Elementor en un mini Sherlock Holmes.

‘¡Elementor-y, mi querido Watson!’

“¿Activar el modo seguro afectará mi sitio?”

Tenga la seguridad de que el modo seguro no tendrá ningún efecto en los visitantes de su sitio. Podrán usar su sitio como de costumbre, y su sitio mostrará el diseño de su tema normal, así como todos los complementos instalados.

Lo único que cambia es que el proceso de carga del editor de Elementor se realiza sin ningún complemento o tema activado.

El Modo seguro es un gran paso adelante para los usuarios de Elementor en términos de obtener una experiencia de usuario mucho más estable, sin problemas y sin errores.

Video externo

En la versión 2.1 , agregamos la opción de agregar videos auto alojados al widget de video. ¿Por qué conformarse con YouTube y Vimeo verdad? Pero el alojamiento de video es caro.

Así que ahora también hemos agregado la opción de agregar videos usando enlaces externos.

Esto es genial de dos maneras:

Puedes insertar videos de otros servicios como Coverr .

Puede alojar sus archivos de video en un alojamiento de videos más barato y agregarlos a su sitio.

Leer más Etiqueta y Widget

Una de las primeras solicitudes que recibimos fue agregar la etiqueta de leer más de WordPress a Elementor.

Esta fue una pequeña solicitud, pero finalmente, conseguimos empujarla.

Lea más es la etiqueta que agrega a la publicación de su blog, que luego se traduce en el recorte del texto en la visualización de la publicación del archivo. Esto le permite mostrar el teaser de su artículo en la página principal de su blog.

Ahora puede agregar fácilmente la etiqueta leer más en el widget de editor de texto o como un widget separado.

También hemos agregado un widget ‘Leer más’, que puede colocar entre dos widgets de editor de texto, por lo que su página de archivo mostrará un extracto que corta exactamente donde lo desea.

Tenga en cuenta: este widget solo afecta a los temas que usan ‘the_content’ en las páginas de archivo estándar de WordPress. No afecta a las plantillas de archivo diseñadas por Elementor.

Nuevo Elementor y menús de plantillas

Para facilitar el manejo de las diferentes pantallas del panel de control de Elementor, hemos separado el menú ‘Mis plantillas’ que se llamó anteriormente y le hemos cambiado el nombre a ‘Plantillas’.

También hemos colocado los menús laterales de Elementor y Plantillas más arriba en el menú del panel de control, para que sea más accesible.

Elementor Popups … Próximamente

Las ventanas emergentes de Elementor están llegando a Pro. Asegúrese de revisar el adelanto:

Compartenos en tus redes sociales

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on whatsapp
Share on email
Share on print

Leave a Reply

Your email address will not be published. Required fields are marked *

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit