Elementor y GSAP: Plantillas de sitios web para efectos de animación pesados

Elementor y GSAP: Plantillas de sitios web para efectos de animación sin cargas - Photonflux.com | Servicio profesional de reparación de WordPress, alcance global, respuesta rápida
Elementor y GSAP: Plantillas de sitios web para efectos de animación pesados
Esta es una lectura de pago, por favor pague para verla
398
Comprar ahora
No ha iniciado sesión. Le recomendamos que inicie sesión para guardar su pedido.
lectura de pago
Vendido 1289

El objetivo de esta plantilla de proyecto es construir un sitio web ligero y flexible utilizando Elementor Page Builder y GSAP (GreenSock Animation Platform). Todo el proyecto evita por completo las dependencias de plugins o temas de terceros y se centra únicamente en las animaciones nativas de Elementor y GSAP. Esta plantilla es especialmente adecuada para los siguientes tipos de sitios web:

  • Sitio web oficial de la empresa
  • Blog
  • Plataforma vertical de comercio electrónico

Al hacer esto, se aseguró de que el sitio no sólo tuviera una experiencia de animación visualmente superior, sino que también mantuvo el código limpio y la carga de la página eficiente.

Dirección de demostración:https://demo-show.361sale.com/elementor-effects-17

Dirección de la versión demo completa:https://demo-show.361sale.com/

Imagen [1] - Cómo crear sitios web empresariales ligeros y eficientes con Elementor y GSAP: La guía completa
Imagen [2] - Cómo crear sitios web empresariales ligeros y eficientes con Elementor y GSAP: La guía completa

Dirección de descarga del archivo ↓

Tiene dos opciones: importar la versión completa o páginas individuales.

Importar versión completa

Vale, la versión completa será un poco más complicada, pero no se preocupe, le guiaré por los pasos.

Imagen [3] - Cómo construir sitios web empresariales ligeros y eficientes con Elementor y GSAP: La guía completa

En la parte posterior del sitio encontramoselementorA continuación, busque elartefactoAl encontrar elBibliotecas de importación/exportaciónEncuentreImportar una biblioteca de plantillasHaga clic eniniciar la importación.

Imagen [4] - Cómo construir sitios web empresariales ligeros y eficientes con Elementor y GSAP: La guía completa

golpe (en el teclado)Seleccionar archivo. Busque el paquete de archivos zip que hemos descargado. Imagen de abajo:

Imagen [5] - Cómo construir sitios web empresariales ligeros y eficientes con Elementor y GSAP: La guía completa

Si aparece una ventana emergente de seguridad, no se preocupe, es normal, haga clic en Continuar.Abajo:

Imagen [6] - Cómo construir sitios web empresariales ligeros y eficientes con Elementor y GSAP: La guía completa

Asegúrese de que tanto Elementor como Elementor Pro están actualizados. Como se muestra a continuación:

Imagen [7] - Cómo construir sitios web empresariales ligeros y eficientes con Elementor y GSAP: La guía completa

A continuación, haga clic en la esquina inferior derecha delPágina siguiente.Abajo:

Imagen [8] - Cómo construir sitios web empresariales ligeros y eficientes con Elementor y GSAP: La guía completa

garrapataTodos los proyectosy luego haga clic en la esquina inferior derecha delimportar (datos). En la foto de abajo:

Imagen [9] - Cómo construir sitios web empresariales ligeros y eficientes con Elementor y GSAP: La guía completa

El proceso de importación requiere2-3minutos, por favor, tenga paciencia. La imagen de abajo:

Imagen [10] - Cómo construir sitios web empresariales ligeros y eficientes con Elementor y GSAP: La guía completa

Si aparece este mensaje, significa que elHecho.pulse en la esquina inferior derecha de laclotureListo para salir.

Imagen [11] - Cómo construir sitios web empresariales ligeros y eficientes con Elementor y GSAP: La guía completa

A continuación, haga clic en la parte delantera desde la parte trasera del sitio para ver si el resultado final está funcionando, ?no es muy sencillo?

Imagen [12] - Cómo crear sitios web empresariales ligeros y eficaces con Elementor y GSAP: La guía completa

página separada

Asegúrese de quemontajeYa está instalado.Elementor Free Edition y Elementor Pro Edition. SóloVersión Elementor Prosólo entoncesImportación de plantillasFunción.

Imagen [2] - Cómo a?adir secuencias de vídeo con desplazamiento en Elementor para mejorar el impacto visual (con demostración y descarga)
Imagen [3] - Plantilla Elementor FX 1 - Photon Flux | Servicio profesional de reparación de WordPress, en todo el mundo, ?rápida respuesta!

La parte posterior del sitio encuentrapágina webPulse para a?adirnueva página. Como en la foto:

Imagen [4] - Plantilla Elementor FX 1 - Photon Flux Network | Servicio profesional de reparación de WordPress, en todo el mundo, ?rápida respuesta!

empezar a utilizarEditor Elementor. Como en la foto:

Imagen [5] - Plantilla Elementor FX 1 - Photon Flux | Servicio profesional de reparación de WordPress, en todo el mundo, ?rápida respuesta!

Haga clic para a?adir el archivo junto alicono (informática)Es decir.estarcido. Como en la foto:

Imagen [6] - Plantilla Elementor FX 1 - Photon Flux | Servicio profesional de reparación de WordPress, en todo el mundo, ?rápida respuesta!

Haga clic en la esquina superior derecha delcargary, a continuación, pulse el botónSeleccionar archivoA continuación, seleccione el archivo local que acaba deArchivos descargados. Como en la foto:

Digamos que cargamos uno de losNuestro trabajo(utilizado como expresión nominal)plantilla de página.

Imagen [18] - Cómo construir sitios web empresariales ligeros y eficientes con Elementor y GSAP: La guía completa

A continuación, vuelva a Mis plantillas para ver la plantilla que acabamos de importar y haga clic en el botónavancesVea el efecto y luego seleccionepalo. Como se muestra arriba.

Ver los resultados una vez finalizada la importación, es posible que elpie de páginaresponder cantandopies de páginaEntonces es necesario elegir elestarcidoArriba.

Imagen [8] - Plantilla Elementor FX 1 - Photon Flux | Servicio profesional de reparación de WordPress, en todo el mundo, ?rápida respuesta!

Haga clic en la plantilla que acabamos de importar en elpágina weby luego haga clic encompilador. Como en la foto:

Imagen [9]-Elementor FX Template 1 - Photon Flux Network | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida

Seleccione la plantilla y elijalienzo elementorElegí éste porqueEncabezado y pie de página no visualizadosLa pantalla sólo mostrará elContenido de la plantilla. Como se muestra arriba.

Imagen [10] - Cómo a?adir secuencias de vídeo de desplazamiento en Elementor para mejorar el impacto visual (con demostración y descarga)

al mismo tiempoEdición de páginas con elmentorSelecciónConfiguración del sitioEn la selección deapertura (jerga ajedrecística). Como en la foto:

Imagen [11] - Cómo a?adir secuencias de vídeo de desplazamiento en Elementor para mejorar el impacto visual (con demostración y descarga)

Asegúrese también de que el mismoElementorPlantilla de lienzo. De esta forma no habráel restoContenido. Como en el caso anterior:

Imagen [12] - Cómo a?adir secuencias de vídeo con desplazamiento en Elementor para mejorar el impacto visual (con demostración y descarga)
Imagen [13] - Cómo a?adir secuencias de vídeo con desplazamiento en Elementor para mejorar el impacto visual (con demostración y descarga)
Imagen [14] - Cómo a?adir secuencias de vídeo con desplazamiento en Elementor para mejorar el impacto visual (con demostración y descarga)

Por favor, cierreEncabezados y pies de páginaEn el interior, después de pulsarnestleEn el interior, se muestra arriba:

No olvide guardarlo al final para ver cómo queda la parte delantera.


Contacte con nosotros
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas
Servicio de atención al cliente WeChat
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨詢:1025174874
(iii) Correo electrónico: info@361sale.com
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
? Declaración de reproducción
Autor: jingwei
EL FIN
Si le gusta, apóyela.
felicitaciones1.9W+ compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios