Solicitud de ajuste en el footer de Moove en Moodle

1. Método para resolverlo:

Sigue los siguientes pasos para ajustar el footer del tema Moove en Moodle:

  1. Accede al servidor donde se aloja tu instancia de Moodle utilizando un cliente FTP o el administrador de archivos del servidor.
  2. Navega al directorio del tema Moove, normalmente ubicado en la ruta /moodle/theme/moove.
  3. Localiza el archivo CSS que controla los estilos del tema. Generalmente, este archivo se encuentra en la carpeta /styles o /scss.
  4. Abre el archivo con un editor de texto o IDE compatible con CSS/SCSS.
  5. Agrega el siguiente código al archivo CSS del tema para personalizar el footer:
  6. #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;
    }
        
  7. Guarda los cambios realizados y sube nuevamente el archivo al servidor en la misma ubicación.
  8. Limpia la caché de Moodle para que los cambios sean visibles. Esto se realiza accediendo al menú Administración del sitio > Desarrollo > Purgar caché.
  9. Verifica los cambios accediendo al sitio y comprobando el footer.

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:

¿Le ha resultado útil este artículo?