Von Version < 14.32 >
bearbeitet von awa
am 19.03.2020, 14:19
Auf Version < 14.33 >
bearbeitet von awa
am 19.03.2020, 14:24
< >
Änderungskommentar: (Autosaved)

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -118,8 +118,23 @@
118 118  
119 119  == Erstellen einer Layout-Vorlage
120 120  
121 -Eine Layout-Vorlage besteht aus zwei Teilen. Zum einen muss eine {{smallcaps}}Scss{{/smallcaps}}-Datei erstellte werden, in der die entsprechenden Layout-Regeln enthalten sind. {{smallcaps}}Scss{{/smallcaps}} kann Variablen enthalten, deren Werte später durch den Nutzer festgelegt werden, wenn dieser ein neues Layout erstellt. Zum zweiten muss festgelegt werden, welche Variablen editierbar sein sollen und mit welchem Editoren die einzelnen Variablen bearbeitet werden sollen (etwa Texteditor, Pixel-E)
121 +plugin_theme_config_editor_config_de.png
122 +plugin_theme_config_scss_de.png
123 +plugin_theme_config_template_settings_1_de.png
124 +plugin_theme_config_template_settings_2_de.png
122 122  
126 +Eine Layout-Vorlage besteht aus zwei Teilen. Zum einen muss eine {{smallcaps}}Scss{{/smallcaps}}-Datei erstellte werden, in der die entsprechenden Layout-Regeln enthalten sind. {{smallcaps}}Scss{{/smallcaps}} kann Variablen enthalten, deren Werte später durch den Nutzer festgelegt werden, wenn dieser ein neues Layout erstellt. Zum zweiten muss festgelegt werden, welche Variablen editierbar sein sollen und mit welchem Editoren die einzelnen Variablen bearbeitet werden sollen (etwa Texteditor, Pixel-Editor, Farbenwähler, Dateiwähler etc.). Optional können auch noch einige Einstellungen zur Transpilation des {{smallcaps}}Scss{{/smallcaps}} in {{smallcaps}}Css{{/smallcaps}} vorgenommen werden.
127 +
128 +{{figure image="plugin_theme_config_new_template_de.png"}}
129 +
130 +{{/figure}}
131 +
132 +Um eine neue Layout-Vorlage zu erstellen, kann auf das Plus-Symbol ({{icon name="plus"/}}) links oben gedrückt werden. Hier muss Nach Auswahl einer Layout-Vorlage durch Klick auf diese in der linken Liste kann die Layout-Vorlage bearbeitet werden.
133 +
134 +=== SCSS-Vorlage
135 +
136 +
137 +
123 123  * Editoren-Typ, Breite, weitere Optionen, mehrspaltig?
124 124  * Import von Mandantdateien und anderen Layout-Vorlagen
125 125  * Nutzung von Variablen, warum !default
Copyright 2000-2025