Una vez que ya se ha instalado el LCMS Moodle lo que debemos hacer es crear un tema para personalizar el Moodle a nuestro sitio web.
Hay que decri que en la Web de Moodle hay un directorio con muchos temas que pueden ser modificados libremente [1]. En esta serie de artículos vamos a ver como hacer un tema utilizando como base otro ya existente. Para ello lo que debemos hacer duplicar el tema `standard` y ponerle el nombre que deseemos, en mi caso será `plf`. Utilizamos el tema standard puesto que nos aseguraremos que va a funcionar correctamente, puesto que tendrá todos los ficheros necesarios del tema.
Dentro de la carpeta nos encontramos una serie de archivos:
- config.php: Fichero de configuración del tema.
- docstyles.php: Fichero encargado de cargar los CSS, este fichero también puede contener sintaxis CSS.
- favicon.ico: Icono que queremos que se vea en nuestro navegador. El que viene por defecto es el logotipo de Moodle. Si quieres crear un favicon a partir de una imagen te recomiendo que lo hagas desde Dynamic Drive [2].
- footer.html: Fichero que contiene la platilla html del pie del sitio web.
- gradient.jpg: Este fichero contiene el degradado del tema standar. En mi caso no lo voy a utilizar y lo borraré.
- header.html: Fichero que contiene la plantilla html de la cabecera del sitio web.
- meta.php: Fichero en el que se pueden insertar tags metas para al cabecera.
- README.html: Fichero de información del tema.
- rtl.css: Fichero para estilo cuando la dirección del texto es de derecha a izquierda.
- screenshot.jpg: Fichero con un pantallazo del tema (Este fichero se cambiará al final de terminar el tema).
- styles.php: Fichero de configuración de los estilos.
- styles_color.css: Fichero para poner los colores de los estilos.
- styles_fonts.css: Ficheros para poner las fuentes de los estilos.
- styles_ie6.css: Ficheros para las cosas específicas de Internet Explorer 6.0.
- styles_ie7.css: Ficheros para las cosas específicas de Internet Explorer 7.0.
- styles_layout.css: Fichero de definición de los estilos.
- styles_moz.css: Fichero para las cosas específicas de Mozilla Fire Fox.
Manos a la obra
Lo perimero que tenemos que hacer es cambiar el fichero README.html, para poner el nombre de nuestro tema y la información que nos apetezca.
Lo segundo que haremos será modificar el favicon.ico (si es que querremos).
Bueno, ahora entramos en el Moodle y cambiamos el tema, para ello una vez que entramos como administrador de Moodle y nos dirigimos a Apariencia -> Temas -> Selector de Temas y seleccionamos nuestro tema. Como solo hemos cambiado el fichero README.html (para ver su contenido en el selector de temas podremos ver el enlace información) y favicon.ico, con lo que la apariencia será la misma que la del tema standard. Lo seleccionamos y empezaremos a cambiar las cosas.
En el siguiente artículo veremos cómo ir modificando los demás ficheros.
Enlaces.
[1] Temas de Moodle: http://moodle.org/mod/data/view.php?id=6552
[2] Dynamic Drive favicon generator: http://tools.dynamicdrive.com/favicon/