El complemento Elementor predeterminado le permite crear múltiples tipos de fondo de página Elementor. Por ejemplo, fondo de vídeo elemental, fondo de paralaje elemental con imagen o vídeo.
Como consejos adicionales, compartiré cómo organizar gradientes animados, controles deslizantes de fondo y partículas en el fondo de la sección elemental. Comprueba esto en agregue una imagen de fondo en movimiento en la sección Elementor.
Primero, déjame mostrarte cómo organizar un fondo de página completo desde la configuración de la página.
Haga clic en el icono de configuración en la parte inferior izquierda del editor de su página.
Ahora navegue hasta la pestaña Estilo. Seleccione el tipo de fondo clásico o degradado. Desde la opción clásica puedes seleccionar cualquier imagen como elemento o fondo de página.
Así es como funciona el fondo general de la página elemental.
Es hora de explicar cómo organizar videos, imágenes, paralaje y fondos degradados animados en su sección elemental.
Simplemente agregue una sección en su página. Luego navegue hasta el área de estilo. Verás la opción de fondo. En Elementor predeterminado, hay 4 tipos de fondo diferentes: clásico, degradado, vídeo y presentación de diapositivas.
Antecedentes clásicos
Del tipo de fondo clásico puedes seleccionar color o imagen. Seleccione el tipo de gradiente e ingrese los colores, la ubicación del color, el ángulo y el tipo de gradiente que desee (lineal o radial).
fondo de vídeo para la sección
Puede utilizar YouTube, Vimeo, enlace de vídeo MP4 autohospedado. Luego puedes definir la hora de inicio y finalización del vídeo. Habilite Reproducir una vez si desea reproducir el video solo una vez. Además, habilite Reproducir en dispositivos móviles si prefiere reproducir el video de fondo de su sección en dispositivos móviles.
Control deslizante de fondo Elementor
Seleccione presentación de diapositivas y cargue o seleccione varias imágenes de sus medios. Cinco efectos de transición, establezca la duración de la transición, seleccione el tamaño del fondo y la posición.
Se trata de la configuración de fondo predeterminada de la sección elemental.
Veamos cómo configurar Efecto Elementor Kenburns en la sección de fondo. Después de eso, les mostraré cómo arreglar partículas y fondo de gradiente animado en sección elemental.
Si no ha instalado el complemento Master Addons en su sitio web de WordPress, hágalo para que funcione con la siguiente función. Compruebe cómo crear un fondo interactivo con este complemento gratuito.
Control deslizante de fondo de animación de Kenburns
Después de instalar el complemento Master Addons, verá la opción Control deslizante de fondo en la pestaña Estilo de sección. Cargue varias imágenes, seleccione el tamaño de la imagen, la transición, la animación, el estilo de superposición y el retraso de la diapositiva de la imagen. Obtendrá 25 tipos diferentes de transiciones y 10 efectos de animación kenburns diferentes.
Antecedentes de las partículas elementales
Simplemente habilite partículas y verá un enlace “Haga clic aquí” para generar código JSON para el siguiente campo. Vaya al enlace y genere las partículas que desee. Descargue el archivo JSON y copie el código del archivo para pegarlo. Comprueba cómo hacerlo agregue fondo de partículas en Elementor publique para obtener más detalles. Solo asegúrese de configurar el color de fondo y el gradiente antes de habilitar las partículas.
Fondo de gradiente animado Elementor
Como usuario maestro del complemento, verá la opción “Fondo de gradiente animado” en la pestaña de estilo de sección. Simplemente habilítelo y verá el degradado animado BG predeterminado. Cambie el valor del ángulo y agregue la mayor cantidad de color que necesite para el gradiente de su sección. Aquí hay un ejemplo real de gradiente animado BG de Elementor.
Eso es todo. Ahora instale y active el complemento Master Addons en su sitio web de WordPress. Luego organice cualquier tipo de fondo de página o fondo de sección. También puedes soltar un control deslizante de comparación de imágenes en la página para mostrar versiones de antes y después de un diseño. No dudes en ponerte en contacto con nuestro equipo de expertos si te enfrentas a algún problema.
