Acceso rápido:
Cómo cambiar el color del tema en moodle
Puede personalizar la página de su curso Moodle añadiendo una imagen de fondo o un banner. Si la página de su curso Moodle necesita un poco de color, añada una imagen de fondo a su página. La imagen de fondo puede representar un tema que ilustre el tema de su curso o ser el logotipo de la organización anfitriona o de un proyecto relacionado. Además de añadir una imagen, puede cambiar el color de fondo de la página de su curso.
Puede decidir si la imagen se mostrará en el banner de la parte superior de la pantalla (como en la imagen proporcionada) o como imagen de fondo. La imagen de fondo seleccionada también se mostrará como icono del curso en el escritorio.
Imagen temática
Puede personalizar la página de su curso Moodle añadiendo una imagen de fondo o un banner. Si la página de su curso Moodle necesita un poco de color, añada una imagen de fondo a su página. La imagen de fondo puede representar un tema que ilustre el tema de su curso o ser el logotipo de la organización anfitriona o de un proyecto relacionado. Además de añadir una imagen, puede cambiar el color de fondo de la página de su curso.
Puede decidir si la imagen se mostrará en el banner de la parte superior de la pantalla (como en la imagen proporcionada) o como imagen de fondo. La imagen de fondo seleccionada también se mostrará como icono del curso en el escritorio.
Moodle pix
El CSS anterior incluye la especificación de dos imágenes de fondo (iconos) para nuestros nuevos botones. Hay un icono de lupa en el botón Descripción y el icono de Moodle en el botón de enlace al curso. Los archivos de imagen deben copiarse en el directorio /pix:
Es importante tener en cuenta que Moodle preprocesa los archivos CSS antes de servirlos al navegador. Esta es la razón por la que no especificamos una URL de imagen sino que utilizamos la referencia de imagen específica de Moodle. Por ejemplo, el icono de la lupa en el botón Descripción:
Ruta de la imagen de Moodle
Para utilizar logo.jpg en un archivo php de diseño o en una plantilla layout mustache es necesario añadir la url de la imagen al contexto de la plantilla y luego incluir una etiqueta de imagen en la plantilla utilizando la fuente del contexto.
El segundo ejemplo no es realmente más difícil. Debido a que la imagen se encuentra dentro del subdirectorio i debemos crear un subdirectorio dentro de nuestro directorio pix_core en el que copiaremos nuestra nueva imagen de ayuda. Es decir, la imagen termina en /pix_core/i/info.png dentro de la carpeta de tu tema. Y de nuevo ¡listo!
