Classic Design: Unterschied zwischen den Versionen

Version vom 16. Mai 2019, 11:27 Uhr

Diese Seite muss überarbeitet werden, weil sie neue Funktionalitäten enthält. Greif zu!
Wenn du dich um diesen Artikel kümmern willst, dann kennzeichne das, indem du die Vorlage {{ÜberarbeitenNeu}} durch die Vorlage {{ÜberarbeitenVergeben}} ersetzt.
Wenn du mit deiner Arbeit fertig bist, dann entferne die Vorlage aus dem Artikel.
Danke für deine Mitarbeit!

Neue Funktionalität
in Moodle 3.7!

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

VIDEO IN ARBEIT

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.

@@ Zeile 1: / Zeile 1: @@
-{{ÜberarbeitenNeu}}{{Designs}}
+{{ÜberarbeitenNeu}}
+{{Designs}}
 {{Neu}}
-Classic is a new core theme which combines the block navigation of the deprecated Clean theme and the customisation options of the [[Boost theme]]
+'''Classic''' ist ein neues Design im Standardpaket von Moodle, das die Navigation im alten Clean Design mit den Anpassungemöglichkeiten des [[Boost Design]]s kombiniert.
-'''VIDEO COMING HERE SOON'''
+'''VIDEO IN ARBEIT'''
-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.
+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.
-==Customising the Classic theme==
-The theme provides a number of customisation options previously found on the Clean theme settings page.
-===Invert navbar colour===
+==Classic Design anpassen==
-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.
+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.
-===Presets===
+===Farben für die Navigation invertieren===
-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.
+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.
-===Background image===
+===Zusätzliche Design-Preset-Dateien===
-The theme allows selecting a background image to be used on all pages.
+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.
-===Brand colour===
+===Hintergrundbild===
-The branch colour is used as the default colour for the inverted navbar background color, links and buttons.
+Das Design kann ein Hintergrundbild einbinden, das auf allen Moodle-Seiten angezeigt wird.
-===Advanced settings===
+===Markenfarbe===
-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.
+Die Markenfarbe ist die Standardfarbe, die für die Invertierung der Hintergrundfrabe der Navigationsleiste, Links und Buttons verwendet wird.
-==Using Classic as a parent theme==
+===Weitere Einstellungen===
-[https://docs.moodle.org/dev/Themes The Developer documentation on Themes]  contains useful information for developing Classic-based themes.
+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]]

Documentation