Logotipo de la cabecera
Para mostrar tu logotipo en el encabezado, tienes que editar el archivo header.html que está en la carpeta del tema que estés utilizando.
En el archivo header.html verás las siguientes líneas (o similares):
01: <?php if ($home) { 02: // Esto es lo que se imprime sólo en la página de inicio 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: // Esto es lo que se imprime en cualquier otra página con cabecera 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 siguiente código de ejemplo muestra una parte del archivo de encabezado con un logotipo. Debes reemplazar las líneas 5 y 12 del fragmento anterior por las líneas 5 y 12 del código que se reproduce a continuación.
01: <?php if ($home) { 02: // Esto es lo que se imprime sólo en la página de inicio 03: ?> 04: <div id="header-home"> 05: <div class="headermain"><img src="<?php echo $CFG->wwwroot.'/theme/'.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: // Esto es lo que se imprime en cualquier otra página con cabecera 10: ?> 11: <div id="header"> 12: <div class="headermain"><img src="<?php echo $CFG->wwwroot.'/theme/'.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 } ?>
Moodle tiene un encabezado para todas las páginas y un encabezado diferente para la página inicial. Puedes, por ejemplo, hacer el encabezado de tu página principal más grande y poner un logotipo más grande.
La posición del logotipo en el encabezado está definida en el archivo CSS styles_layout.css. Si es necesario tendrás que cambiar los valores del CLASS .headermain
y posiblemente los IDs #header
y #header-home
. Encontrarás las definiciones en la sección "header" del archivo CSS.
Un truco para llegar más rápido a la sección "header" (=encabezado) del archivo CSS: Selecciona y copia la palabra "header" en la lista de secciones que está al principio del archivo. Después pincha en "buscar" en el programa y pega "header" en el cuadro de diálogo de búsqueda. Cuando pulses "buscar" en el cuadro de diálogo el programa irá al comienzo de la sección "header".