Afegir imatge al capçalera de Moodle

Es pot personalitzar Moodle de moltes maneres per exemple, escollint entre alguns dels temes disponibles al selector de temes o descarregant un tema nou a la web de moodle, però en qualsevol cas sempre és interessant afegir un logotip o una capçalera personalitzada.

1) Afegir un logotip:

Primerament s’ha de copiar el fitxer amb la imatge de logotip a la carpeta pix del tema actiu (per exemple moodle/theme/orangewhite)

Suposarem que el fitxer s’anomena logo.gif

Editar el fitxer header.html que es troba a l’arrel del tema actiu.

	
<div class="headermain"><?php echo $heading  ?></div>

Cal subtituir la part que defineix “headermain” (en negreta), afegint la imatge corresponent.

	
<img src="<?php echo $CFG->themewww.'/'.current_theme() ?>/pix/logo.gif" width="150" height="150" alt="logo" title="logo" id="logo"/>

La primera es aparició de “headermain” es mostra a la pàgina principal, la segona a la resta de pàgines.

2) Afegir una imatge de capçalera

Primerament cal identificat on es troben els estils de la capçalera (header).

Cal editar els fitxers amb extensió (.css) que es troba a l’arrel del tema actiu. (per exemple moodle/theme/orangewhite)

Cercar les entrades #header-home (Pàgina principal) i #header (Resta de pàgines)

#header-home {
height: 100px;
clear: both;
background-image: url(“pix/header.gif”);
background-repeat: no-repeat;
margin-bottom: 0px;
}

…

#header {
height: 100px;
clear: both;
background-image: url(“pix/header.gif”);
background-repeat: no-repeat;
margin-bottom: 0px;
}

Font
http://docs.moodle.org/en/Header_logo