Hinweis: Sie sind auf den Seiten der Moodle 3.2 Dokumentation. Die Dokumentation der aktuellsten Moodle-Version finden Sie hier: Standard-Designs.

Standard-Designs: Unterschied zwischen den Versionen

Aus MoodleDocs
Wechseln zu:Navigation, Suche
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
Zeile 2: Zeile 2:


Das Standard-Paket von Moodle enthält drei Designs:
Das Standard-Paket von Moodle enthält drei Designs:
{{Neu}}*[[Boost Design|Boost]]
{{Neu}}*''[[Boost Design|Boost]]'' - ein responsives, anpassbares Design, das auf Bootstrap 4 basiert.
*''Clean'' - ein responsives Design, basierend auf Bootstrap, das standardmäßig voreingestellt ist.
*''Clean'' - ein responsives Design, basierend auf Bootstrap, das standardmäßig voreingestellt ist.
*''More'' - ein Design, das von der Moodle-Administration direkt in Moodle angepasst werden kann.
*''[[More Design|More]]'' - ein Design, das von der Moodle-Administration direkt in Moodle angepasst werden kann.


Weitere Designs, die in früheren Versionen in der Moodle-Standardinstallation enthalten waren, sind weiterhin in der [https://moodle.org/plugins/browse.php?list=category&id=3 Moodle-Plugins-Datenbank] verfügbar und können nachinstalliert werden.
Weitere Designs, die in früheren Versionen in der Moodle-Standardinstallation enthalten waren, sind weiterhin in der [https://moodle.org/plugins/browse.php?list=category&id=3 Moodle-Plugins-Datenbank] verfügbar und können nachinstalliert werden.
Zeile 19: Zeile 19:
*Moodle speichert Designs im Cache. Wenn Änderungen im Design nicht sofort sichtbar werden, klicken Sie auf der Seite ''[[Einstellungen-Block|Einstellungen]] > Website-Administration > Darstellung > Designs > Design-Auswahl'' oben auf den Button ''Design-Cache löschen''.
*Moodle speichert Designs im Cache. Wenn Änderungen im Design nicht sofort sichtbar werden, klicken Sie auf der Seite ''[[Einstellungen-Block|Einstellungen]] > Website-Administration > Darstellung > Designs > Design-Auswahl'' oben auf den Button ''Design-Cache löschen''.
*Das gewählte Design ist das Site-Design. Es kann durch Kurs-, Nutzer- oder Session-Designs überschrieben werden, wenn diese Designs erlaubt sind. Siehe [[Design-Einstellungen]] für detaillierte Informationen.
*Das gewählte Design ist das Site-Design. Es kann durch Kurs-, Nutzer- oder Session-Designs überschrieben werden, wenn diese Designs erlaubt sind. Siehe [[Design-Einstellungen]] für detaillierte Informationen.
==Design ''More'' anpassen==
Die Moodle-Administration kann das Design ''More'' auf der Seite ''[[Einstellungen-Block|Einstellungen]] > Website-Administration > Darstellung > Designs > More'' anpassen.
Folgende Einstellungen stehen zur Verfügung:
*''Textfarbe''
*''Linkfarbe''
*''Hintergrundfarbe''
*''Hintergrundbild''
*''Hintergrundwiederholung''
*''Hintergrundposition''
*''Fixierter Hintergrund''
*''Primäre Hintergrundfarbe''
*''Sekundäre Hintergrundfarbe''
*''Navigationsleiste invertieren''
*''Logo''
*''CSS-Anpassungen''
*''Fußzeile''
Bei der Angabe der Farbwerte können Sie sogar Transparenzwerte verwenden, z.B. rgba(255,255,255,0.8).
===Beispiel für ein angepasstes ''More''-Design===
Die [http://school.demo.moodle.net/ School Demo Site] (siehe MDL-3095) verwendet ein angepasstes ''More''-Design.
Bei dieser Moodle-Site wurden folgende Einstellungen verwendet:
*''Textfarbe'': #595959
*''Linkfarbe'': #0070a8
*''Hintergrundfarbe'': #93abc3
*''Hintergrundbild'': [https://docs.moodle.org/27/en/File:bg6.png bg6.png]
*''Hintergrundwiederholung'': Keine Wiederholung
*''Hintergrundposition'': Links unten
*''Fixierter Hintergrund'': Ja
*''Primäre Hintergrundfarbe'': #fff
*''Sekundäre Hintergrundfarbe'': #fff
*''Navigationsleiste invertieren'': Nein
*''Logo'': keins
*''CSS-Anpassungen'':
body { background-size: cover; }
h1, h2, h3, h4, h5, h6 { color: #f98012;
font-weight: normal; }
#page-header h1 {
color: #fff;
font-weight: bold;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
.block .header h2 {
color: #f98012;
font-weight: normal; }
#page-footer { color: #444; }
#page-footer a { color: #eee; }
*''Fußzeile'': keine


==Siehe auch==
==Siehe auch==
* [[Boost Design]]
* [[More Design]]
* [http://youtu.be/OUTzAFItLx4 Video zu Designs]
* [http://youtu.be/OUTzAFItLx4 Video zu Designs]
* [[:en:Theme credits|Theme credits]]
* [[:en:Theme credits|Theme credits]]

Aktuelle Version vom 12. Dezember 2016, 12:19 Uhr


Das Standard-Paket von Moodle enthält drei Designs: Neu
in Moodle 3.2!

  • Boost - ein responsives, anpassbares Design, das auf Bootstrap 4 basiert.
  • Clean - ein responsives Design, basierend auf Bootstrap, das standardmäßig voreingestellt ist.
  • More - ein Design, das von der Moodle-Administration direkt in Moodle angepasst werden kann.

Weitere Designs, die in früheren Versionen in der Moodle-Standardinstallation enthalten waren, sind weiterhin in der Moodle-Plugins-Datenbank verfügbar und können nachinstalliert werden.

Design-Auswahl

Als Administrator/in können Sie auf der Seite Einstellungen > Website-Administration > Darstellung > Designs > Design-Auswahl wählen, in welchem Design Ihre Moodle-Seite dargestellt wird.

Sie können für verschiedene Endgeräte verschiedene Designs auswählen. Klicken Sie dazu auf den entsprechenden Button Design ändern.

In der Liste der vorhandenen Designs wählen Sie ein geeignetes aus und klicken auf den zugehörigen Button Design auswählen.

Hinweise:

  • Moodle speichert Designs im Cache. Wenn Änderungen im Design nicht sofort sichtbar werden, klicken Sie auf der Seite Einstellungen > Website-Administration > Darstellung > Designs > Design-Auswahl oben auf den Button Design-Cache löschen.
  • Das gewählte Design ist das Site-Design. Es kann durch Kurs-, Nutzer- oder Session-Designs überschrieben werden, wenn diese Designs erlaubt sind. Siehe Design-Einstellungen für detaillierte Informationen.

Siehe auch