Zusammenfassung

• Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)

Details

Seiteneigenschaften

Inhalt

...	...	@@ -118,6 +118,10 @@
118	118
119	119	== Erstellen einer Layout-Vorlage
120	120
	121	+plugin_theme_config_editor_config_de.png
	122	+plugin_theme_config_template_settings_1_de.png
	123	+plugin_theme_config_template_settings_2_de.png
	124	+
121	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-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.
122	122
123	123	{{figure image="plugin_theme_config_new_template_de.png"}}
...	...	@@ -203,22 +203,8 @@
203	203
204	204	=== Editorkonfiguration
205	205
206		-{{figure image="plugin_theme_config_editor_config_de.png"}}
207		- Im ersten Tab auf der rechten Seite kann festgelegt werden, mit welchen Editoren welche {{smallcaps}}Scss{{/smallcaps}}-Variablen bearbeitet werden sollen. Zudem wird hier auch die Reihenfolge der Editoren festgelegt.
208		-{{/figure}}
	210	+=== Einstellungen zur CSS-Generierung
209	209
210		-* Editoren-Typ, Breite, weitere Optionen, mehrspaltig?
211		-
212		-=== Einstellungen
213		-
214		-{{figure image="plugin_theme_config_template_settings_1_de.png"}}
215		- In den Einstellungen kann festgelegt werden, wie genau das {{smallcaps}}Scss{{/smallcaps}} in {{smallcaps}}Css{{/smallcaps}} umgewandelt wird und welche {{smallcaps}}Css{{/smallcaps}}-Dateien in der Vorschau deaktiviert werden sollen.
216		-{{/figure}}
217		-
218		-{{figure image="plugin_theme_config_template_settings_2_de.png"}}
219		- In den Einstellungen kann zudem weiter festgelegt werden, ob etwa Browser-Präfix automatisch angefügt werden sollen oder diverse {{smallcaps}}Css{{/smallcaps}}-Features automatisch für ältere Browser kompatibel gemacht werden.
220		-{{/figure}}
221		-
222	222	Im Tab //Einstellungen// im rechten Bereich können einige fortgeschrittene Einstellungen getroffen werden, welche unter anderem beeinflussen, wie genau das {{smallcaps}}Scss{{/smallcaps}} in {{smallcaps}}Css{{/smallcaps}} transpiliert wird. Die Einstellungen gliedern sich in vier Unterbereiche:
223	223
224	224	==== Einstellungen zur Ansicht ====
...	...	@@ -237,11 +237,9 @@
237	237	==== Einstellungen zur CSS-Ausgabe ====
238	238
239	239	{{figure image="plugin_theme_config_template_browserlist_de.png"}}
240		- Über eine Browser-Query kann festgelegt werden, welche Ziel-Browser unterstützt werden sollen. Über die entsprechende Schaltfläche neben der Browser-Query kann die Liste der auf die Browser-Query zutreffenden Browser angezeigt werden.
	230	+ Über eine Browser-Query kann festgelegt werden, welche Ziel-Browser unterstützt werden sollen. Über
241	241	{{/figure}}
242	242
243		-In diesem Bereich können grundlegende Einstellungen für die {{smallcaps}}Css{{/smallcaps}}-Generierung vorgenommen werden, wie etwa ob das {{smallcaps}}Css{{/smallcaps}} minifiziert ausgegeben werden soll.
244		-
245	245	; {{smallcaps}}Css{{/smallcaps}}-Ausgabemodus
246	246	: Ob das erzeugte {{smallcaps}}Css{{/smallcaps}} komprimiert werden soll oder für Menschen lesbarer ausgegeben wird.
247	247	:; COMPACT
...	...	@@ -263,22 +263,11 @@
263	263
264	264	==== Postcss-Einstellungen ====
265	265
266		-Hier können einige Einstellungen für [[postcss>>url:https://github.com/postcss/postcss]] getroffen werden, um das erzeugte {{smallcaps}}Css{{/smallcaps}} nachzubearbeiten.
267		-
268		-; Doppelte {{smallcaps}}Css{{/smallcaps}}-Regeln entfernen
269		-: Wenn diese Optiona aktiviert ist, werden doppelte {{smallcaps}}Css{{/smallcaps}}-Regeln entfernt. In der Regel ist dies unproblematisch. Wenn Selektoren sich gegenseitig überschreiben, kann dies in Einzelfällen das Layout beeinflussen.
270		-; Unterstützung für [[Polyfiller>url:https://de.wikipedia.org/wiki/Polyfill]] für neue {{smallcaps}}Css{{/smallcaps}}-Features aktivieren
271		-: Wenn aktiviert, wird das [[postcss-preset-env>>url:https://github.com/csstools/postcss-preset-env]]-Plugin für postcss aktiviert. Damit können aktuelle {{smallcaps}}Css{{/smallcaps}}-Features auch in älteren Browsern genutzt werden. Ob ein [[Polyfill>>url:https://de.wikipedia.org/wiki/Polyfill]] für ein bestimmtes {{smallcaps}}Css{{/smallcaps}}-Features aktiviert ist, wird von den zu unterstützenden Browsern bestimmt (siehe oben).
272		-; Minimale {{smallcaps}}Css{{/smallcaps}}-Stage für unterstützte Features
273		-: Bestimmt die [[{{smallcaps}}Css{{/smallcaps}}-Stage>>url:https://cssdb.org/#staging-process]], die ein {{smallcaps}}Css{{/smallcaps}}-Feature wenigstens haben muss, um durch das [[postcss-preset-env>>url:https://github.com/csstools/postcss-preset-env]]-Plugin potentiell mit einem Polyfill versehen zu werden.
274		-
275	275	==== Autoprefixer-Einstellungen ====
276	276
277		-; Automatisches Hinzufügen von Präfixen aktivieren
278		-; Unbenötigte Präfixe entfernen
279		-; Präfix für @supports-Regeln hinzufügen
280		-; {{smallcaps}}Css{{/smallcaps}} einrücken wenn nicht minifiziert (Visual Cascade)
281		-; Präfixe für Flexbox-Eigenschaften hinzufügen
282		-; Präfixe für Rastereigenschaften (grid) hinzufügen
283	283
	257	+* Editoren-Typ, Breite, weitere Optionen, mehrspaltig?
	258	+* Import von Mandantdateien und anderen Layout-Vorlagen
	259	+* Nutzung von Variablen, warum !default
	260	+
284	284	== Changelog