Zur Hauptnavigation springen [Alt]+[0] Zum Seiteninhalt springen [Alt]+[1]

Design anpassen

Seit Moodle 2 gibt es für den Admin die Möglichkeit im System vorhandene Themes in eingeschränktem Umfang anzupassen. Unter anderem kann man das Schullogo einbinden, Farben für bestimmte Bereiche verändern oder - für Profis - sogar eigene CSS Elemente einbinden. Die Möglichkeiten hängen dabei auch von dem verwendeten Theme ab. Am Beispiel des Themes formal_white sollen die Einbindung des Schullogos und farbliche Veränderungen verdeutlicht werden.

Cache löschen

Die Einstellungen eines Designs werden lange Zeit im Browser und im Servers zwischengespeichert. Wenn man Änderungen an dem Design vornimmt werden diese folglich nicht sofort sichtbar. Damit die Änderungen wirksam werden muss danach der Cache gelöscht werden. Dies kann unter Website-Administration Darstellung Designs Design-Auswahl über den Schalter Design-Cache löschen erfolgen.

Bei umfangreichen Anpassungen ist dieses Vorgehen wenig komfortabel. In diesem Fall können Sie unter Website-Administration Darstellung Designs Einstellungen den Designbearbeitungsmodus aktivieren. Änderungen werden dann sofort wirksam. Da dies aber den Server sehr belastet dürfen Sie am Ende nicht vergessen den Designbearbeitungsmodus am Ende wieder zu deaktivieren.

Schullogo einbinden

Um ein Schullogo einzubinden müssen Sie die Bilddatei mit dem Schullogo zuerst mit einem scp Programm Ihrer Wahl in das Verzeichnis htdoc Ihres Moodleauftrittes bei Belwue kopieren. Wollen Sie unterschiedliche Bilder für den allgemeinen Kopfbereich und die Startseite verwenden, so können Sie die Bilder auch in ein eigenes Verzeichnis unterhalb von htdoc ablegen. Unter Windows können Sie hierfür das Programm WinSCP verwenden.

Rufen Sie dann über Website-Administration Darstellung Designs Formal White die Einstellungsseite für dieses Theme auf.

Einstellungen Design Formal White

Wählen Sie in Kopfbereich zuerst die Option Moodle-Logo anzeigen . Das Schullogo können Sie an zwei Stellen anzeigen lassen:

  • Ein Eintrag in Eigenes Logo in der Form von https://www.musterschule.de/schullogo.png zeigt dieses Bild auf jeder Seite die in Ihrem Moodleauftritt angezeigt wird im Kopfbereich an.
  • Ein Eintrag in Eigenes Logo auf der Startseite in der Form von https://www.musterschule.de/startlogo.png bietet die Möglichkeit, speziell auf der Startseite ein größeres oder anderes Bild anzuzeigen.

Farbliche Veränderungen vornehmen

Wieder am Beispiel des Themes Formal White sehen Sie wie man die Farbe des Hintergrunds des Kopfbereichs verändert. Wählen Sie über Website-Administration Darstellung Designs Formal White die Einstellungsseite für dieses Theme.

Hintergrundfarge auswählen

Im Quadrat rechts unten erscheint die aktuelle Farbe des Bereichs. Zur Auswahl der Farbe hat man die Möglichkeit die Farbe direkt in hexadezimalem Code einzugeben. Oder man wählt mit der Maus aus den Farbfeld die gewünschte Farbe aus. Zur Kontrolle wird diese Farbe im rechten oberen Quadrat angezeigt und bei Klick mit der linken Maustaste ins untere Quadrat übernommen. Mit dem Schalter Vorschau wird der Bereich direkt farblich verändert. Endgültig übernommen wird die Änderung aber erst mit Änderungen speichern.

Zum Tragen kommen die Änderungen an einem Theme natürlich erst, wenn dieses Theme unter Design Auswahl auch ausgewählt wurde (siehe Einstellungen ) und der Cache aktualisiert wurde.

Sollten Sie den Designbearbeitungsmodus verwendet haben muss dieser am Ende wieder deaktiviert werden.


Weiter mit Themes installieren