Uso del efecto Paralax en su sitio web de WordPress

Con el tiempo, incluso el sitio web más elegante puede comenzar a sentirse un poco desactualizado. El equilibrio ideal es mantener las cosas interesantes visualmente, sin evitar el rediseño completo. El uso de un efecto de paralaje puede agregar mucho a su sitio Es posible notar que los visitantes permanecen en su sitio un poco más debido al aumento del compromiso.
Agregar nuevos y busque “Fondos avanzados de WordPress”, como lo haría para cualquier otro.
Una vez activado, puede proceder a la creación efectiva de su fondo de paralaje. 2. Seleccione una imagen aquí, navegue por la publicación o página donde desee el efecto de paralaje. AWB tiene su propio bloque, que usará para seleccionar su imagen y colocar el efecto en la página:

En el menú de bloqueo, seleccione la imagen o el video que desea usar como fondo en la biblioteca de medios. También puede usar un color sólido como fondo si una imagen no es adecuada para la aplicación. Active el paralaje y seleccione el tipo de paralaje mientras está en el menú de bloqueo, encontrará opciones para el comportamiento del efecto:

Aquí, puede elegir la escala y la opacidad de la imagen de fondo para cambiar a medida que el usuario realiza, en lugar de un efecto de paralaje más tradicional. Esto le brinda un mayor control sobre cómo se muestra el efecto en su sitio web. Finalmente, puede optar por deshabilitar la opción Paralax para dispositivos móviles, que tienden a confiar en deslizar en lugar de navegar (sin mencionar una potencial velocidad de carga de la página).

4. Cambie la función “Paralaje del mouse”. Cambiar al paralaje del mouse agregará un efecto que se puede controlar moviendo el mouse, en lugar de desplazarse. Al igual que con otras versiones de este efecto, puede ajustar el tamaño y la velocidad, lo que determina la duración y la intensidad del efecto:
Si tiene un sitio web de una sola página, es posible que desee aprovechar esta función. El paralaje del ratón puede crear efectos visuales fascinantes con poca experimentación. Agregar paralaje a WordPress usando CSS Si prefiere no usar un complemento, puede agregar Paralax usando CSS. Cargará la imagen de fondo, luego agregará un pequeño código a su sitio. ¡Aquí le mostramos cómo hacer el trabajo!

1. Cargue la imagen en su biblioteca de WordPress de medios desde el tablero de WordPress, haga clic en Medios> Agregar nuevo. Esto lo llevará a la página Cargue los nuevos medios: haga clic en Seleccionar el botón de archivo y busque la imagen que desea usar para su fondo. Luego haga clic en abrir y esperar a que se complete la carga. Una vez que haya subido la imagen, ubíquela en la biblioteca de medios navegando en la biblioteca Media> desde el tablero de WordPress. Después de haber encontrado la imagen, haga clic en ella y busque la URL del archivo en la ventana que se abre:
Haga clic en el botón URL de la copiadora para copiar el enlace. A continuación, agregaremos un código a su sitio 2. Agregue HTML a la página/publicación, luego agregará el siguiente código HTML a la página o en la publicación en la que desea el efecto de paralaje. Si usa el editor de bloques, puede agregar este código utilizando un bloque HTML personalizado. Sin embargo, esto podría colocarse en el editor de texto para los usuarios del editor clásico:
Su contenido aquí
Querrá Para reemplazar el texto sustituto “su contenido aquí” con cualquier contenido que desee y guarde su trabajo.

Sin embargo, no verá demasiado en la parte delantera, porque todavía tenemos un paso más: agregar las hojas de estilo Sting (CSS) a su tema 3. Agregue CSS a su tema en su tema utilizando el editor de tareas o el edificio construido CSS Publisher: no importará qué opción elija.Agregue el siguiente CSS a su tema, reemplazando la URL de la imagen de fondo que ha copiado anteriormente: .pararallax {background-image: url (“http://example.com/wp-content/uploads/ 2017/08/my- backgro con background-image.jpg “);Altura: 100%;Atacamiento de fondo: fijo;