Retomamos la serie de tutoriales dedicada a Zerif Lite, tema estrella de ThemeIsle, con esta séptima entrega. Puede que no necesitemos el adorno de las animaciones y si es nuestra intención mostrar el desplazamiento de la página sin que los contenidos aparezcan desde un lado, tendremos que añadir una porción de código al archivo functions.php para tal fin.
Así es el desplazamiento de página predeterminado de Zerif Lite
Como de costumbre, es recomendable usar un tema hijo para las modificaciones de los archivos. Las instrucciones para crear un tema hijo se encuentran en esta entrada anterior.
Abrimos, entonces, el archivo functions.php y pegamos el siguiente código (antes del cierre de la etiqueta php, si lo hubiere):
function zerif_animation_script() {
wp_dequeue_script( 'zerif_scrollReveal_script' );
}
add_action( 'wp_print_scripts', 'zerif_animation_script', 100 );La navegación de la página se verá de la siguiente manera:
Así es el desplazamiento de página de Zerif Lite con las animaciones desactivadas
Tutorial original en inglés: How to turn off loading animations in Zerif
Técnica en electromecánica, periodista, entusiasta de los idiomas y enamorada de WordPress. Amante del mate, la lectura, la música y las series de sci-fi. Mamá de una vizsla loca.
- Guía para WordPress 6.6 disponible - 22 de septiembre de 2024
- Guía para WordPress 6.5 disponible - 13 de junio de 2024
- Guía para WordPress 6.4 disponible - 5 de diciembre de 2023
Buenas tarde, he creado una web con un tema hijo de zerif-lite, sin embargo la pagina me demora mucho tiempo en cargar, por lo que me recomendaron deshabilitar el preloader de la pagina, pero no encuentro como hacer eso, podrías ayudarme? tengo entendido que este es solo para las animaciones
Hola, Neomar.
Fijate en el tutorial: está en Opciones avanzadas > Opciones generales > ¿Desactivar carga previa?
Saludos.
Buenas Ana,
Gracias por el gran aporte que ofreces, he consultado comentarios anteriores pero creo que no habéis hablado antes de esto. Después de hacer la actualización de Zerif Lite ahora cuando paso el ratón por encima de los iconos de “nuestro enfoque” no cambia de color. He consultado el FTP, pero en principio está todo correcto, estoy trabajando con el tema hijo. Además las líneas (azul,verde,amarillo y rojo) se han vuelto todas rojas.
Gracias 🙂
Hola, Sara.
¿Me podrías pasar la URL para verlo?
Saludos.
Mi web es comunicapickup.es. No consigo verlo la verdad… Gracias de nuevo 😉
Hola, Sara.
El problema es que le cambiaste la ID a la sección, de
focusaservicios. Tendrías que volver a nombrarlafocus, o bien usar los códigos provistos aquí y aquí, pero cambiando#focuspor#servicioso por.focus.Los códigos irían en
custom.cssde la carpeta del tema hijo, fijate que te está faltando este archivo.Saludos.