... |
... |
@@ -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 |