Moodle: Cambiar los iconos que vienen por defecto

Una de las cosas que más llaman la atención al instalar y poner en funcionamiento Moodle, son lo feos y desactualizados que están sus iconos.

Logo Moodle

Desde Moodle 2.0, hay una forma sencilla de cambiar los iconos del tema, sustituyendo los que vienen por defecto. Pero primero entendamos como distribuye Moodle las imagenes.

Hay tres áreas principales donde se encuentran las imagenes: Core, plugin (extensiones) y theme (tema) .

Las imágenes de Core se utilizan a través de Moodle y se almacenan en moodle/pix.

El directorio pix contiene los siguientes subdirectorios:

a – iconos que no son ampliamente utilizados
c – Calendario – iconos relacionadas
f – Los iconos de archivo para tipos de archivos diferentes
g – Los iconos por defecto de los usuarios y las miniaturas
i – iconos generales
m – símbolos de moneda
s – Smileys
t – iconos generales
u – iconos de usuario y miniaturas
y – los iconos de YUI

Las imágenes de Plugin son utilizadas por los plugins y se almacenan dentro de, por ejemplo el directorio del plugin mod/forum/* o blocks/navigation/*

Las imágenes de los temas (theme) se utilizan en los temas y se almacenan en el subdirectorio pix de cada tema.

Si queremos “anular” estas imágenes/iconos que vienen por defecto en nuestra instalación de Moodle, lo primero que tenemso que hacer es crear dentro de la carpeta de la nuestro tema (moodle/theme/”nuestro tema” los directorios siguientes:

  • /pix_core/ – Aquí es donde ponemos los iconos del core.
  • /pix_plugins/ – Aquí es donde ponemos los iconos de los plugins

A continuación, copiamos las imágenes/iconos que deseamos reemplazar en cualquiera de los directorios pix_core o pix_plugins. Lo importante en este paso es replicar la estructura de directorios donde se encuentran las imágenes originales.

Por ejemplo. Queremos reemplazar moodle/pix/Help.gif, para lo cual tenemos que crear una imagen en moodle/theme/”nuestro tema”/pix_core/

O por ejemplo. Queremos sustituir moodle/pix/i/info.gif, por lo que hay que crear: moodle/theme/”nuestro tema”/pix_core/i/info.png dentro de su carpeta de temas.

Lo más importante es respectar la jerarquía de directorios. Pero… ¿Y que iconos usamos?

Pues la opción más cómoda la proporciona Tango Icons, ya que ya tenemos “hecha” la estructura de directorios, por lo que solo habría que subir los archivos a nuestro directorio /pix_core/ de nuestro tema, pero también podemos usar los de famfamfam.

Referencias: Conceptos básicos temas y Themes 2.0 How to use images within your theme

Deja un comentario