Otro diciembre que llega lleno de alegrías y felicidad para aquellas personas que nos encanta esta época. 😊
Y como hemos hecho en otros años, no podía faltar la decoración de nuestro Moodle para que todos nos contagiemos del espíritu navideño.
En años pasados te enseñé a poner un árbol de navidad, nieve animada y hasta luces decorativas, este año le toca el turno a nuestro querido Papa Noel 🎅 para que decore nuestro Moodle.
Agregando Santa Claus animado en Moodle
En el pasado, para agregar este tipo de efectos necesitábamos complejos códigos CSS y Javascript, lo cual lo hacía más pesado y difícil de implementar.
Para este tutorial lo haremos haciendo uso de las animaciones Lottie, lo cual permitirá crear nuestro Santa Claus animado en Moodle de manera sencilla y rápida, y de igual manera para eliminarlo al final de las festividades, solo será necesario quitar el bloque que lo contiene. 😀
Puedes agregar este Santa en cualquier parte de Moodle que admita un bloque HTML, como por ejemplo los cursos o la página principal de Moodle.
El resultado del efecto animado lo puedes mirar desde aquí.
Creando el bloque HTML
Lo primero será activar la edición en Moodle, para ello debes hacer clic a la rueda dentada ubicada en la parte superior derecha, luego haz clic a Activar edición.
Nota
Dependiendo del tema que tengas en tu Moodle, es posible que activar la edición u otros elementos de este tutorial no esté disponible en estas ruta.
Sugiero consultar la documentación de tu tema para ubicarlas si fuera tu caso.
Ahora ve a la columna de la izquierda y haz clic al botón Agregar un bloque, del menú emergente que se despliega, selecciona HTML.
El bloque HTML creado, lo podrás ubicar por defecto en la columna de la derecha. Haz clic a la rueda dentada de este bloque y selecciona: Configurar bloque (nuevo bloque HTML).
Añadiendo el Lottie de Papa Noel en Moodle
En el campo Contenido haz clic al botón Mostrar/ocultar botones avanzados y luego a HTML. Borra el código que se muestra en el editor de texto.
Ahora copia y pega este código en el campo de texto en blanco:
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player src="https://assets3.lottiefiles.com/packages/lf20_0etcyzow.json" background="transparent" speed="0.8" style="width: auto; height: auto;" loop="" autoplay=""></lottie-player>
Haz clic al botón Guardar cambios ubicado al final y luego desactiva la edición para que puedas ver el Santa Claus animado en Moodle. 🤩
Espero te guste este efecto navideño para tu Moodle y sea del agrado de los integrantes de tu plataforma. Saludos y Feliz Navidad. 🎉🎄
