El logotip de capçalera

Per fer sortir el vostre logotip a la capçalera, heu d'editar el fitxer header.html al directori del tema.

Al fitxer header.html hi ha unes línies molt semblant a aquestes, si no idèntiques:

01: <?php if ($home) {  
02: // This is what gets printed on the home page only  
03: ?>
04:   <div id="header-home">
05:     <div class="headermain"><?php echo $heading ?></div>
06:     <div class="headermenu"><?php echo $menu ?></div>
07:   </div>
08: <?php } else if ($heading) {  
09: // This is what gets printed on any other page with a heading 
10: ?>
11:   <div id="header">
12:     <div class="headermain"><?php echo $heading ?></div>
13:     <div class="headermenu"><?php echo $menu ?></div>
14:   </div>
15: <?php } ?>

El codi següent mostra una part d'un fitxer de capçalera amb un logotip. Substituïu les línies 5 i 12 de dalt amb les línies 5 i 12 del codi de sota. Sobretot, fixeu-vos en l'assignació <?php echo $CFG->httpswwwroot.'/theme/'.current_theme() ?>/image.jpg. Algunes persones encarregades de dissenyar temes han utilitzat incorrectament aquesta expressió <?php echo "$CFG->wwwroot/theme/$CFG->theme/image.jpg" ?>. Amb $CFG->->theme s'obté el camí del tema per defecte en lloc del que estigui destinat a aquest. El resultat és que els logotips no apareixen, perquè no es troben en aquest directori. Les imatges $CFG->wwwroot produeixen un avís sobre inseguretat a l'IE quan s'entra per https.

01: <?php if ($home) {  
02: // This is what gets printed on the home page only  
03: ?>
04:   <div id="header-home">
05:     <div class="headermain"><img src="<?php echo 
        $CFG->themewww.'/'.current_theme() ?>/pix/big_logo.gif" width="300" 
        height="100" alt="mycompany" title="mycompany" id="logo" /></div>
06:     <div class="headermenu"><?php echo $menu ?></div>
07:   </div>
08: <?php } else if ($heading) {  
09: // This is what gets printed on any other page with a heading 
10: ?>
11:   <div id="header">
12:     <div class="headermain"><img src="<?php echo
        $CFG->themewww.'/'.current_theme() ?>/pix/small_logo.gif" width="210" 
        height="70" alt="mycompany" title="mycompany" id="logo" /></div>
13:     <div class="headermenu"><?php echo $menu ?></div>
14:   </div>
15: <?php } ?>

El Moodle proporciona una capçalera per a totes les pàgines i una capçalera diferenciada per a la pàgina principal. Podeu, per exemple, preparar una capçalera per a la vostra pàgina principal més alta i presentar-hi un logotip més gros.

La posició del logotip a la capçalera de la pàgina es defineix al fitxer d'estils styles_layout.css. Si us plau, canvieu els valors de la CLASS .headermain i si és el cas els ID #header i #header-home si voleu fer canvis. Podreu trobar aquestes definicions a la secció de capçalera del fitxer CSS.

Un consell per passar ràpidament a la secció de la capçalera al fitxer CSS: Seleccioneu i copieu el mot "header" a la llista de seccions al principi del fitxer. Immediatament obriu la cerca del vostre editor i cerqueu la paraula. Després d'ordenar la cerca, el programa trobarà l'inici de la secció de capçalera.