Hilfe:Bearbeiten: Unterschied zwischen den Versionen

Version vom 6. Juni 2018, 21:30 Uhr

Hier eine Kurzübersicht über die wichtigsten Wikiformatierungen. Ausführliche Beschreibungen für Formatierungen und dgl. finden sich im Handbuch des Meta-Wikis. Vor dem schlussendlichen Seite speichern ist es eine gute Praxis, eine (knappe) Zusammenfassung bzw. einen Änderungsgrund anzugeben. Es ist sehr hilfreich beim Überblicken des Werdegangs von Artikeln. Beispiele für „Zusammenfassung:“

+diverse Kategorien: weist darauf hin, daß Kategorien hinzugefügt worden oder
/* Spenden */ +Ü: eine neue Überschrift wurde hinzugefügt, zusätzlich taucht in der Versionsgeschichte ein Link zum entsprechenden Abschnitt auf: → Spenden +Ü
„Ü: Interne Links -> Interne Seitenverweise“: der Abschnitt „Interne Links“ wurde umbenannt in „Interne Seitenverweise“

Tip: Beim Feld „Zusammenfassung:“ kann man in manchen Browsern durch Doppelklicken einfach die zuletztgeschriebenen Einträge hervorholen, um sich Tipparbeit zu sparen ;-).

Textgestaltung

Zur Textgestaltung/Typografie allgemein siehe auch Bier (2009).^{[Anmerkung 1]}

Jede neue Leerzeile erstellt einen kompletten Absatz.

Symbolbild	Ergebnis	Wiki-Syntax	Erläuterung
	kursiv	`''kursiv''`	im Normalfall ist kursiv für Auszeichnungen/Hervorhebung im Text am besten geeignet
	fett	`'''fett'''`	ist normalerweise in Textabschnitten zu vermeiden, da viel zu aufdringlich: nur wo wirklich nötig
+	fett & kursiv	`'''''fett & kursiv'''''`	ist normalerweise in Textabschnitten zu vermeiden, da viel zu aufdringlich: nur wo wirklich nötig

	Text 1 Text 2	`Text 1 <br />Text 2`	explizit neue Zeile (nur im Notfall; oft passender: neuen Absatz anfangen mittels Leerzeile)
	Text normal hier und ein kleinerer Hinweistext, nur mal so.	`Text normal hier und ein <small>kleinerer Hinweistext</small>, nur mal so.`	klein formatierter Text
	Text hier stupide & langweilig und mal was wirklich Wichtiges!	`Text hier stupide & langweilig und mal <big>was <big>wirklich <big>Wichtiges!</big></big></big>`	groß formatierter Text. Verschachtelt man die Wiki-Anweisungen, wird der Text entsprechend mitskaliert
	Formel ²	`Formel <sup>2</sup>`	Zeichen hochgestellt
	Formel ₂ Student = _früh∫^spät µ de	`Formel <sub>2</sub>` `Student = <sub>früh</sub><big>∫</big><sup>spät</sup> µ de`	Zeichen tiefgestellt und eine Studentenformel…;-)

Bilder und Medien

Zum Einfügen mehrerer Bilder in Form von Bildergalerien steht der <gallery>-Tag zur Verfügung. Die andere Möglichkeit ist Bilder einzeln einzubinden.

Symbolbild Ergebnis Wiki-Syntax Erläuterung

Als Bildchen (zentriert) „miniatur“ oder „thumb“ ist benutzerabhängig(!) skaliert (Benutzereinstellungen → Aussehen )

.

Bild (+ Link) zu einem Bild einfügen. Es sollte i.d.R. [[Datei:…]] verwendet werden (ausführlicher siehe Meta-Wiki Anleitung). Ausrichtung mittels: „links“, „zentriert“ oder „rechts“.

Überschrift
Beschreibung 1
Beschreibung 2

<gallery perrow="1" caption="Überschrift"> Image:Example.jpg|Beschreibung 1 Image:Example.jpg|Beschreibung 2 </gallery>

Bilder als eine (hier vertikale) Galerie eingefügt. Neben dem optionalen perrow=… gibt es desweiterhin in <gallery … > die Parameter

widths=…px und/oder heights=…px (mit Plural-‚s‘!) und
caption="Überschrift Bildergalerie".

Details siehe https://de.wikipedia.org/wiki/Hilfe:Galerie

Tabellen

Hilfsmittel:

der externe Tabellengenerator (tablesgenerator.com)

Symbolbild Ergebnis Wiki-Syntax Erläuterung

CSS-Klasse `"wikitable"`
Fertigkeit	Herausforderung (+ bis +++++)
Holz sägen	+
kreativ malen	++
Computer herstellen	+++++

CSS-Klasse `"booktable"`
Fertigkeit	Herausforderung (+ bis +++++)
Holz sägen	+
kreativ malen	++
Computer herstellen	+++++

CSS-Klasse `"booktabledotted"`
Fertigkeit	Herausforderung (+ bis +++++)
Holz sägen	+
kreativ malen	++
Computer herstellen	+++++

{| class="wikitable" |+ Tabellenbeschriftung |- ! Fertigkeit ! Herausforderung<br>(+ bis +++++) |- | Holz sägen | + |- | kreativ malen | ++ |- | Computer herstellen | +++++ |}

Einfache Tabelle mit Gitternetzlinien erzeugen (durch CSS Klasse wikitable).
Unmittelbar unter dem Tabellenanfang (also {|) kann man eine Beschriftung vergeben mit <caption>Beschriftung der Tabelle</caption>

CSS-Klassen `"wikitable sortable"`
Fertigkeit	Herausforderung (+ bis +++++)
Holz sägen	+
kreativ malen	++
Computer herstellen	+++++

CSS-Klassen `"booktable sortable"`
Fertigkeit	Herausforderung (+ bis +++++)
Holz sägen	+
kreativ malen	++
Computer herstellen	+++++

{| class="wikitable sortable" |+ Tabellenbeschriftung |- ! Fertigkeit ! Herausforderung<br>(+ bis +++++) |- | Holz sägen | + |- | kreativ malen | ++ |- | Computer herstellen | +++++ |}

Eine sortierbare Tabelle ist durch die CSS Klasse sortable erzeugt. Die Formatierung hingegen zusätzlich durch die CSS Klasse wikitable (entscheidende Syntax hierzu: class="wikitable sortable")

Listen

Ungeordnete Listen (<ul>)

Typ	Ergebnis	Wiki-Syntax
Standard-Liste (ungeordnet)	Wasser Wasserdampf Wolken Nebel Heilanwendung inhalieren Eis Eishotel Feuer Erde Luft	* Wasser Wasserdampf * Wolken * Nebel Heilanwendung inhalieren Eis *** Eishotel * Feuer * Erde * Luft
$\mathrm {L\!\!^{{}_{\scriptstyle A}}\!\!\!\!\!\;\;T\!_{\displaystyle E}\!X}$ -Stil (ungeordnete Liste)	Wasser Wasserdampf Wolken Nebel Heilanwendung inhalieren Eis Eishotel Feuer Erde Luft	<div class="latex-style-list"> * Wasser Wasserdampf * Wolken * Nebel Heilanwendung inhalieren Eis *** Eishotel * Feuer * Erde * Luft </div>
Liste einfach (ungeordnet, ohne Verschachtelung)	Wasser Feuer Erde Luft	<div class="endash-list"> * Wasser * Feuer * Erde * Luft </div>

Definitions-Listen (<dl>)

Typ	Beispiel/Ergebnis	Wiki-Syntax
Standard	Begriff/Definition lange Erklärung Fachausdruck Erklärungstext Begriff mit Doppelpunkt: lange Erklärung	`; Begriff/Definition : lange Erklärung ; Fachausdruck : Erklärungstext ; Begriff mit Doppelpunkt:: lange Erklärung`
Def.-Liste (flach)	Begriff/Definition lange Erklärung Fachausdruck Erklärungstext Begriff mit Doppelpunkt: lange Erklärung	`<div class="definition-inline">` `; Begriff/Definition : lange Erklärung ; Fachausdruck : Erklärungstext ; Begriff mit Doppelpunkt:: lange Erklärung` `</div>`
Def.-Liste (Def. kursiv)	Wie unterstützt Du Open-Source-Kultur? Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text	<div class="definition italic"> ; Wie unterstützt Du Open-Source-Kultur? : Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </div>
Def.-Liste (flach & Def. kursiv)	Begriff/Definition lange Erklärung Fachausdruck Erklärungstext Begriff mit Doppelpunkt: lange Erklärung	<div class="definition-inline italic"> ; Begriff/Definition : lange Erklärung ; Fachausdruck : Erklärungstext ; Begriff mit Doppelpunkt:: lange Erklärung </div>
Def.-Liste (nur `<code>` fett)	Optionale Vorlagenparameter und Pflichtparameter: `\|Text=` oder `\|text=` lange Erklärung `\|Größe=` oder `\|size=` : Begriff mit Doppelpunkt & lange Erklärung	Optionale Vorlagenparameter und '''Pflichtparameter''': <div class="definition-inline code-bold-only"> ; <code>\|Text=</code> oder <code>\|text=</code> : lange Erklärung ; <tt>\|Größe=</tt> oder <tt>\|size=</tt> :: Begriff mit Doppelpunkt & lange Erklärung </div>

Anmerkungen

↑ Bier, Christoph (2009): typokurz – Einige wichtige typografische Regeln. Version 1.7, 21. Mai 2009. URL: http://zvisionwelt.wordpress.com/downloads/#typokurz. Gesichtet am 4. 4. 2018.

Quellen

[Bier2009-1] Bier, Christoph (2009): typokurz – Einige wichtige typografische Regeln. Version 1.7, 21. Mai 2009. URL: http://zvisionwelt.wordpress.com/downloads/#typokurz. Gesichtet am 4. 4. 2018.

[Anmerkung 1]

@@ Zeile 66: / Zeile 66: @@
 <tt><nowiki>Student = <sub>früh</sub><big>&int;</big><sup>spät</sup> µ de</nowiki></tt>
 |Zeichen tiefgestellt und eine Studentenformel…;-)
+|}
+== Bilder und Medien ==
+Zum Einfügen mehrerer Bilder in Form von Bildergalerien steht der <nowiki><gallery></nowiki>-Tag zur Verfügung. Die andere Möglichkeit ist Bilder einzeln einzubinden.
+{| class="booktabledotted vertical-align-top"
+|-
+!Symbolbild
+! style="min-width:30%"|Ergebnis
+!Wiki-Syntax
+!Erläuterung
+|-
+| [[Datei:Vector toolbar insert image button.png]]
+|
+[[Bild:Example.jpg|Als Bildchen (zentriert) „<tt>miniatur</tt>“ oder „<tt>thumb</tt>“ ist [[Spezial:Einstellungen|benutzerabhängig]](!) skaliert (Benutzereinstellungen&nbsp;→ {{Reitermenü|{{int:prefs-rendering}}<!-- internationalisierte Systemnachricht -->}})|miniatur|zentriert]].
+|<tt style="white-space:nowrap;">
+<nowiki>[[Datei:Bild.jpg]]</nowiki><br />
+<nowiki>[[Datei:Bild.jpg|Bildbeschreibung/Hinweistext]]</nowiki><br />
+<nowiki>[[Datei:Bild.jpg|Link „Mein Link“|link=Mein Link]]</nowiki><br />
+<nowiki>[[Datei:Bild.jpg|</nowiki><span class="emphasis-light">kein Link</span><nowiki>|link=]]</nowiki><br />
+<nowiki>[[Datei:Bild.jpg|Bildchen (zentriert)|miniatur|zentriert]]</nowiki><br />
+<nowiki>[[</nowiki>Datei:Bild.jpg|Bild''breite'' 100px|100px<nowiki>]]</nowiki><br />
+<nowiki>[[</nowiki>Datei:Bild.jpg|Bild<span class="emphasis-light">''höhe''</span> 100px|<span class="emphasis-light">x</span>100px<nowiki>]]</nowiki><br />
+<nowiki>[[</nowiki>Datei:Bildname.jpg|Bild maximal 100×100px|100<span class="emphasis-light">x</span>100px<nowiki>]]</nowiki><br />
+<nowiki>[[</nowiki>Datei:Bildname.jpg|<span class="emphasis-light">class=no-popup-image</span><nowiki>|Popup unterbinden]]</nowiki><br />
+</tt>
+|Bild (+&nbsp;Link) zu einem Bild einfügen. Es sollte i.d.R. <tt style="white-space:nowrap;"><nowiki>[[Datei:…]]</nowiki></tt> verwendet werden (ausführlicher siehe [http://meta.wikimedia.org/wiki/Help:Images_and_other_uploaded_files/de Meta-Wiki Anleitung]). Ausrichtung mittels: „links“, „zentriert“ oder „rechts“.
+|-
+|[[Bild:Vector toolbar insert picture gallery button.png]]
+|
+<gallery perrow="1" caption="Überschrift">
+  Image:Example.jpg|Beschreibung 1
+  Image:Example.jpg|Beschreibung 2
+</gallery>
+|<tt style="white-space:nowrap;">
+<nowiki><gallery perrow="1" caption="Überschrift"></nowiki><br/>
+<nowiki>&nbsp;&nbsp;Image:Example.jpg|Beschreibung 1</nowiki><br/>
+<nowiki>&nbsp;&nbsp;Image:Example.jpg|Beschreibung 2</nowiki><br/>
+<nowiki></gallery></nowiki><br/>
+</tt>
+|Bilder als eine (hier vertikale) Galerie eingefügt. Neben dem optionalen <tt>perrow=…</tt> gibt es desweiterhin in <tt>&lt;gallery … ></tt> die Parameter
+*<tt>widths=…px</tt> und/oder <tt>heights=…px</tt> (mit Plural-‚s‘!) und
+*<tt>caption="Überschrift Bildergalerie"</tt>.
+Details siehe https://de.wikipedia.org/wiki/Hilfe:Galerie
 |}