Cree imágenes de fondo receptivas y amp; Más en Elementor

Rifat Elementor Jun 17, 2022

Para mejorar su experiencia de usuario, Elementor ofrece nuevas capacidades, como control móvil sobre gráficos de fondo, un modo seguro para la depuración y más.

Elementor siempre se ha enorgullecido de su capacidad de diseñar para dispositivos móviles. Para los usuarios de Elementor, obtener la ubicación de la imagen de fondo con precisión seguía siendo un problema. Como desarrollador web, a menudo puede encontrar este problema: desea mostrar la cara del perro, pero solo muestra la cola en el dispositivo móvil.

Los controles de imagen de fondo adaptable de Elementor le permiten crear imágenes de fondo que se adaptan al tamaño y la resolución de cualquier dispositivo.

Controles de imagen de fondo receptivos

La última versión de Elementor brinda a los clientes un control integral sobre los controles de imagen de fondo de escritorio, tableta y móvil. Los controles de imagen de fondo se incluyen en este control (imagen, posición, datos adjuntos, repetición y tamaño).

Create Amazing Websites

Con el mejor generador de páginas gratuito Elementor

Empezar ahora

Por primera vez, puede personalizar la posición de los dispositivos individuales. Elija 'center-top' para dispositivos móviles y 'center-center' para computadoras de escritorio para asegurarse de que la imagen se muestre de manera uniforme en todas las plataformas. Para cada dispositivo, puede elegir un tamaño diferente. En cuanto a los dispositivos móviles, seleccione "contener" para escritorio y "cubrir".

Estamos seguros de que a muchas personas les gustaría esta nueva función porque este era un problema importante para muchas personas.

Elementor trae la capacidad de configurar imágenes completamente distintas para cada dispositivo individual. Los primeros controles receptivos adicionales llegaron en forma de tamaño y ubicación específicos del dispositivo. Con tamaño y posición ajustables, le permite dar un paso más y le brinda una experiencia de diseño aún más flexible.

Tamaño de imagen de fondo personalizado Posición &

Anteriormente, solo había tres opciones para configurar el tamaño de la imagen de fondo: automático, cubrir o contener. Similar a 'Superior izquierda', solo puede especificar ubicaciones generales de imágenes de fondo.

El tamaño y la posición del fondo son ahora dos nuevos controles personalizados que estarán disponibles en el futuro.

La posición de fondo personalizada le permite seleccionar las coordenadas exactas de los ejes X e Y de la imagen de fondo. Como resultado, ahora tiene la capacidad de alinear con precisión el fondo de su página.

Los tamaños de fondo personalizados también son posibles. Establezca el ancho de su imagen de fondo en un valor preciso en píxeles.

Para un diseño receptivo, estas configuraciones —, específicamente el tamaño de fondo personalizado y la posición —, son fundamentales. Para plataformas de escritorio, tabletas y dispositivos móviles, use esta configuración personalizada para establecer un enfoque específico en el punto focal principal de la imagen.

Controles fronterizos receptivos

Además, ahora puede personalizar el radio y el ancho del borde para cada dispositivo por separado, además de las imágenes de fondo.

Los bordes de las columnas se pueden usar de varias maneras, como cuando una fila de enlaces se divide por un borde de columna. No es necesario en dispositivos móviles porque la fila ya no está en línea y cada enlace se coloca en una fila propia.

Quitar el borde del diseño móvil es una obviedad en esta circunstancia. Una nueva función de límites dinámicos hace que sea fácil de lograr.

¡No hay más "fronteras huérfanas" en los dispositivos móviles!

Modo seguro para solucionar problemas

Elementor se compromete a proporcionar una experiencia fluida y sin errores para todos los clientes. Hay decenas de miles de complementos y temas para elegir, y hay una cantidad infinita de formas de hacer que funcionen entre sí. Independientemente de si Elementor está involucrado o no, estas combinaciones están destinadas a generar conflictos.

Elementor siempre está buscando formas de facilitar las cosas a nuestros usuarios al reducir la fricción en sus procesos de trabajo.

Cuando las personas no pueden abrir el editor, es un problema común. Se le han dado muchos nombres a este problema: aparece una pantalla en blanco, no puedo editar y mi computadora se atasca cargando …

¡El modo seguro es la respuesta!

Cuando salió Windows por primera vez, incluía una función de modo seguro que podía usarse para solucionar varios problemas. Elementor desarrolló una solución similar por su cuenta.

Cada vez que encuentre una página que se niega a cargar, podrá activar el 'Modo seguro' haciendo clic en un botón.

Elementor y WordPress están protegidos en "Modo seguro" de cualquier tema o complemento que pueda estar causando problemas.

Más de 80% de problemas de carga se pueden solucionar temporalmente en modo seguro.

Cuando ingresa al modo seguro, todo se carga correctamente ?

Esto sugiere que su tema o uno de sus complementos es el culpable del error. Continúe y desactívelos uno por uno para identificar al perpetrador.

He activado el modo seguro, pero aún no se carga.

Esto sugiere que debe buscar una solución en otro lugar, y lo más probable es que sea un problema relacionado con el código personalizado o el alojamiento.

"¿El modo seguro afectará mi sitio web ?"

Los visitantes de su sitio web no notarán la diferencia si usan el modo seguro. Todos sus complementos y temas instalados se mostrarán en su sitio, y sus visitantes podrán utilizarlos como lo harían normalmente.

Los complementos y temas no se activan durante el proceso de carga del editor de Elementor.

Los usuarios de Elementor se beneficiarán enormemente del modo seguro en términos de una experiencia más estable, fluida y sin errores.

Leer más Tag & Widget

La etiqueta Leer más de WordPress fue una de las primeras cosas que elementor obtuvo como una solicitud de función.

Esta fue una solicitud simple, pero el creador de páginas finalmente logró implementarla.

Cuando usa la etiqueta "Leer más" en la publicación de su blog, la visualización de la publicación del archivo cortará el resto del texto. Con esto, su avance de contenido ahora se puede mostrar directamente en la página principal de su blog para que todos lo vean.

En el widget del editor de texto o como un widget separado, ahora puede agregar rápidamente la etiqueta Leer más. Es aún más fácil mostrar un extracto en su página de archivo con el nuevo widget 'Leer más' de Elementor, que se puede insertar entre dos widgets de editor de texto y se detiene exactamente donde usted elija.

Para evitar cualquier confusión, este widget solo se aplica a las páginas de archivo regulares de WordPress que utilizan 'el contenido' en su contenido. Las plantillas de archivo de Elementor no se ven afectadas.

Ultimas palabras

Elementor es uno de los creadores de páginas de WordPress ampliamente desarrollados. Con nuevas funciones, cada vez es más potente. Con este complemento, literalmente puede explorar un enorme océano de diseño y decoración para su sitio web. Espero que se vuelva beneficioso con esta publicación. Visita más tutoriales de elementor y compártelos con tus amigos.

Divi WordPress Theme