Classic Design: Unterschied zwischen den Versionen

Aus MoodleDocs
Wechseln zu:Navigation, Suche
(Die Seite wurde neu angelegt: „{{ÜberarbeitenNeu}}{{Designs}} {{Neu}} Classic is a new core theme which combines the block navigation of the deprecated Clean theme and the customisation opt…“)
 
K
 
(4 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{ÜberarbeitenNeu}}{{Designs}}
+
{{Designs}}
{{Neu}}
+
'''Classic''' ist ein neues Design im Standardpaket von Moodle, das die Navigation im alten Clean Design mit den Anpassungsmöglichkeiten des [[Boost Design|Boost Designs]] kombiniert.
Classic is a new core theme which combines the block navigation of the deprecated Clean theme and the customisation options of the [[Boost theme]]
 
  
'''VIDEO COMING HERE SOON'''
+
{{MediaPlayer | url = https://youtu.be/hNJHEMpKmSg | desc = New Classic theme}}
  
The Classic theme is a child theme of Boost, using the upstream Bootstrap 4 Stable library, with a general look inspired by the Clean theme. The amount of CSS added on top of the Boost theme CSS has been kept to a minimum.
 
==Customising the Classic theme==
 
The theme provides a number of customisation options previously found on the Clean theme settings page.
 
  
===Invert navbar colour===
 
This changes the navbar background color to the brand colour. By default, it is set to blue as shown in the previous screenshots. Links and icons will be shown in a shade of white.
 
  
===Presets===
+
Das Classic Design ist vom Boost Designs abgeleitet. Es verwendet die Bootstrap 4 Stable Library und ist vom Aussehen an das Clean Design angelehnt. Die Menge an CSS-Code, die zum CSS des Boost Designs hinzugefügt wurde, ist minimal.
Moodle presets are files containing a list of custom Bootstrap variables and raw SCSS that can be used to customise themes. The Classic theme uses the exact same preset structure as Boost, so preset files can easily by reused.
 
  
===Background image===
+
==Classic Design anpassen==
The theme allows selecting a background image to be used on all pages.
+
Das Classic Design bietet eine Reihe von Konfigurationsmöglichkeiten, die auf der Seite  ''Website-Administration'' (oder im Block ''[[Einstellungen-Block|Einstellungen]] > Website-Administration'')'' > Darstellung > Designs > Classic'' vorgenommen werden können.
  
===Brand colour===
+
===Farben für die Navigation invertieren===  
The branch colour is used as the default colour for the inverted navbar background color, links and buttons.
+
Diese Einstellung schaltet die Hintergrundfarbe der Navigationsleiste auf die Markenfarbe um. Standardmäßig ist die Farbe blau. Links und Symbole werden in einer Weißschattierung dargestellt.
  
===Advanced settings===
+
===Zusätzliche Design-Preset-Dateien===
The Classic theme provides the same customisation options as the [[Boost theme]] for injecting raw SCSS. These settings allow users to have the same results as using Moodle presets.
+
Presets sind Dateien, die eine Liste von Bootstrap-Variablen und SCSS-Code enthalten, um das Design anzupassen. Das Classic Design verwendet dieselbe Vorlagenstruktur wie das Boost Design, so dass Vorlagen sehr einfach wiederverwendet werden können.
  
==Using Classic as a parent theme==
+
===Hintergrundbild===
[https://docs.moodle.org/dev/Themes The Developer documentation on Themes] contains useful information for developing Classic-based themes.
+
Das Design kann ein Hintergrundbild einbinden, das auf allen Moodle-Seiten angezeigt wird.
 +
 
 +
===Markenfarbe===
 +
Die Markenfarbe ist die Standardfarbe, die für die Invertierung der Hintergrundfrabe der Navigationsleiste, Links und Buttons verwendet wird.
 +
 
 +
===Weitere Einstellungen===
 +
Das Classic Design bietet dieselben Möglichkeiten für die Einbindung von SCSS-Code wie das [[Boost Design]]. Mit diesen Einstellungen können Sie dieselben Anpassungen erzielen, wie bei der Verwendung von Preset-Dateien.
 +
 
 +
==Classic Design als Basis für abgeleitete Designs==
 +
Die [https://docs.moodle.org/dev/Themes Entwicklerdokumentation für Designs] (englisch) enthält nützliche Informationen, wie Sie weitere Designs entwickeln können, die auf dem Classic Design basieren.
  
 
[[en:Classic theme]]
 
[[en:Classic theme]]
 +
[[es:Tema Clásico]]

Aktuelle Version vom 24. Januar 2020, 14:23 Uhr

Classic ist ein neues Design im Standardpaket von Moodle, das die Navigation im alten Clean Design mit den Anpassungsmöglichkeiten des Boost Designs kombiniert.

New Classic theme


Das Classic Design ist vom Boost Designs abgeleitet. Es verwendet die Bootstrap 4 Stable Library und ist vom Aussehen an das Clean Design angelehnt. Die Menge an CSS-Code, die zum CSS des Boost Designs hinzugefügt wurde, ist minimal.

Classic Design anpassen

Das Classic Design bietet eine Reihe von Konfigurationsmöglichkeiten, die auf der Seite Website-Administration (oder im Block Einstellungen > Website-Administration) > Darstellung > Designs > Classic vorgenommen werden können.

Farben für die Navigation invertieren

Diese Einstellung schaltet die Hintergrundfarbe der Navigationsleiste auf die Markenfarbe um. Standardmäßig ist die Farbe blau. Links und Symbole werden in einer Weißschattierung dargestellt.

Zusätzliche Design-Preset-Dateien

Presets sind Dateien, die eine Liste von Bootstrap-Variablen und SCSS-Code enthalten, um das Design anzupassen. Das Classic Design verwendet dieselbe Vorlagenstruktur wie das Boost Design, so dass Vorlagen sehr einfach wiederverwendet werden können.

Hintergrundbild

Das Design kann ein Hintergrundbild einbinden, das auf allen Moodle-Seiten angezeigt wird.

Markenfarbe

Die Markenfarbe ist die Standardfarbe, die für die Invertierung der Hintergrundfrabe der Navigationsleiste, Links und Buttons verwendet wird.

Weitere Einstellungen

Das Classic Design bietet dieselben Möglichkeiten für die Einbindung von SCSS-Code wie das Boost Design. Mit diesen Einstellungen können Sie dieselben Anpassungen erzielen, wie bei der Verwendung von Preset-Dateien.

Classic Design als Basis für abgeleitete Designs

Die Entwicklerdokumentation für Designs (englisch) enthält nützliche Informationen, wie Sie weitere Designs entwickeln können, die auf dem Classic Design basieren.