1. Método para resolverlo:
Sigue los siguientes pasos para ajustar el footer del tema Moove en Moodle:
- Accede al servidor donde se aloja tu instancia de Moodle utilizando un cliente FTP o el administrador de archivos del servidor.
- Navega al directorio del tema Moove, normalmente ubicado en la ruta
/moodle/theme/moove. - Localiza el archivo CSS que controla los estilos del tema. Generalmente, este archivo se encuentra en la carpeta
/styleso/scss. - Abre el archivo con un editor de texto o IDE compatible con CSS/SCSS.
- Agrega el siguiente código al archivo CSS del tema para personalizar el footer:
- Guarda los cambios realizados y sube nuevamente el archivo al servidor en la misma ubicación.
- Limpia la caché de Moodle para que los cambios sean visibles. Esto se realiza accediendo al menú Administración del sitio > Desarrollo > Purgar caché.
- Verifica los cambios accediendo al sitio y comprobando el footer.
#page-footer {
background-color: #FDC601 !important;
}
.madeby:before {
visibility: visible;
content: "Todos los derechos reservados - Universidad San Buenaventura 2022";
}
#page-footer .madeby {
visibility: hidden;
}
.madewithmoodle {
visibility: hidden;
}
2. Causas del problema:
El problema ocurre porque las configuraciones predeterminadas del tema Moove no ofrecen opciones específicas para personalizar el contenido y diseño del footer desde la interfaz de administración. Por esta razón, se requiere modificar los estilos directamente en el archivo CSS del tema.
3. Recomendaciones:
- Realiza siempre una copia de seguridad de los archivos originales antes de realizar cambios en el código fuente.
- Documenta todos los ajustes realizados para facilitar futuras actualizaciones o migraciones del sitio.
- Utiliza un entorno de pruebas para verificar los cambios antes de implementarlos en el entorno de producción.
- Considera la posibilidad de crear un tema hijo para personalizaciones avanzadas y así mantener la capacidad de actualizar el tema original sin perder los cambios personalizados.
4. Ejemplos y Casos de Uso:
- Si trabajas con múltiples instancias de Moodle y necesitas mantener un diseño coherente, puedes implementar el mismo código en cada instancia ajustando el contenido según las necesidades de la institución.
- En caso de requerir elementos adicionales en el footer, como enlaces rápidos o logotipos, puedes incluirlos en el código CSS utilizando selectores adicionales y ajustando el HTML del footer en el archivo de plantillas del tema.
5. Referencias:
- Documentación oficial de Moodle sobre desarrollo de temas: https://docs.moodle.org/dev/Themes
- Repositorio oficial del tema Moove en GitHub: https://github.com/willianmano/moodle-theme_moove