| ... |
... |
@@ -35,7
+35,7 @@ |
| 35 |
35 |
|
| 36 |
36 |
Durch Klick auf dieses Symbol kann die entsprechende Layout-Vorlage oder das Layout heruntergeladen werden. Falls eine Layout-Vorlage heruntergeladen wird, können zusätzlich auch einige oder alle Layouts mit heruntergeladen werden, dabei wird ein {{smallcaps}}Zip{{/smallcaps}}-Archiv erstellt. |
| 37 |
37 |
|
| 38 |
|
-Weiterhin ist es über den Hochlade-Knopf ({{icon name="upload"}}) in der Leiste oben links auch möglich, heruntergeladene Layout-Vorlagen und Layouts wieder zu importieren. |
|
38 |
+Weiterhin ist es über den Hochladen-Knopf ({{icon name="upload"/}}) in der Leiste oben links auch möglich, heruntergeladene Layout-Vorlagen und Layouts wieder zu importieren. |
| 39 |
39 |
|
| 40 |
40 |
Falls dabei Layout-Vorlagen oder Layouts überschrieben werden würden, erscheint ein Dialog mit einem entsprechenden Hinweis und möglichen Optionen. |
| 41 |
41 |
|
| ... |
... |
@@ -118,4
+118,29 @@ |
| 118 |
118 |
|
| 119 |
119 |
== Erstellen einer Layout-Vorlage |
| 120 |
120 |
|
|
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 |
|
125 |
+ |
|
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 |
+ Durch Klick auf das Plus-Symbol in der Aktionsleiste link oben kann eine neue Layout-Vorlage erstellt werden. Es muss ein Name vergeben werden, der in der Regel der gleiche Name wie der Name der {{smallcaps}}Scss{{/smallcaps}}-Datei sein sollte. |
|
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 der Name der Layout-Vorlage und der Name der {{smallcaps}}Scss{{/smallcaps}}-Datei festgelegt werden. In der Regel sollte die {{smallcaps}}Scss{{/smallcaps}}-Datei den gleichen Namen wie die Layout-Vorlage erhalten. |
|
133 |
+ |
|
134 |
+Nach Auswahl einer Layout-Vorlage durch Klick auf diese in der linken Liste kann die Layout-Vorlage bearbeitet werden. |
|
135 |
+ |
|
136 |
+=== SCSS-Vorlage |
|
137 |
+ |
|
138 |
+=== Editorkonfiguration |
|
139 |
+ |
|
140 |
+=== Einstellungen zur CSS-Generierung |
|
141 |
+ |
|
142 |
+* Editoren-Typ, Breite, weitere Optionen, mehrspaltig? |
|
143 |
+* Import von Mandantdateien und anderen Layout-Vorlagen |
|
144 |
+* Nutzung von Variablen, warum !default |
|
145 |
+ |
| 121 |
121 |
== Changelog |