Layout-Vorgaben: Unterschied zwischen den Versionen
[gesichtete Version] | [gesichtete Version] |
Zeile 2: | Zeile 2: | ||
− | ====Breadcrumbs==== | + | ==== Breadcrumbs ==== |
---- | ---- | ||
[[ Datei:Bild.png | border | right | mini | '''Ergebnis:''' Breadcrumbs im ''vendit''-Clienten]] | [[ Datei:Bild.png | border | right | mini | '''Ergebnis:''' Breadcrumbs im ''vendit''-Clienten]] | ||
Zeile 11: | Zeile 11: | ||
− | ====Reiter-Struktur==== | + | ==== Reiter-Struktur ==== |
---- | ---- | ||
[[ Datei:Bild.png | border | right | mini | '''Ergebnis:''' Implementierte Reiter]] | [[ Datei:Bild.png | border | right | mini | '''Ergebnis:''' Implementierte Reiter]] | ||
Zeile 23: | Zeile 23: | ||
− | ====Bilder==== | + | ==== Bilder ==== |
---- | ---- | ||
[[ Datei:Bild.png | border | right | mini | '''Ergebnis:''' Eingefügtes Bild]] | [[ Datei:Bild.png | border | right | mini | '''Ergebnis:''' Eingefügtes Bild]] | ||
− | Bilder werden rechtsbündig als Vorschaubild eingefügt. Dieser verfügt über einen Rahmen und eine kurze Beschreibung. | + | Bilder werden rechtsbündig als Vorschaubild eingefügt. Dieser verfügt über einen Rahmen und eine kurze Beschreibung. Um ein Bild dem Wiki hinzuzufügen, muss dieses zunächst über die Option "[[Spezial:Hochladen|Datei hochladen]]" im Wiki gespeichert werden. Diese befindet sich unter den Werkzeugen auf der linken Seite. Hierbei ist nur das Hochladen folgender Bildformate erlaubt: png, gif, jpg, jpeg, pdf. |
<u>'''Quellcode:'''</u><br> | <u>'''Quellcode:'''</u><br> | ||
<nowiki>[[ Datei:</nowiki><span style="color:green;">''Bild.png''</span><nowiki> | border | right | mini | </nowiki><span style="color:green;">''Bildbeschreibung''</span><nowiki> ]]</nowiki> | <nowiki>[[ Datei:</nowiki><span style="color:green;">''Bild.png''</span><nowiki> | border | right | mini | </nowiki><span style="color:green;">''Bildbeschreibung''</span><nowiki> ]]</nowiki> |
Version vom 24. März 2017, 09:39 Uhr
Damit alle Seiten im Wiki eine einheitliche Struktur bekommen, haben wir uns zur Darstellung von Inhalten für diverse Vorlagen entschieden. Nachstehend erfolgt eine Erläuterung zu den einzelnen Vorlagen, sowie die Angabe des Quellcodes wie diese Vorgabe korrekt implementiert wird. Dabei muss der grün-kursiv markierte Code entsprechend angepasst werden. Zusätzlich erfolgt außerdem ein Beispiel in Form eines Bildes, wie das Resultat der Vorlage auf einer Seite letztendlich aussieht.
Breadcrumbs
Mit den Breadcrumbs wird in erster Linie die Menüstruktur des vendit-Clienten aufgegriffen. Sie deutet dem Anwender aber auch an, wo genau er sich gerade befindet. Breadcrumbs werden ganz oben auf einer Seite mit mit Hilfe des nachstehenden Code eingefügt. Dabei ist zu beachten, dass die Zeile mit einem Leerschritt beginnen muss, wodurch ein Rahmen um den Breadcrumb erzeugt wird.
Quellcode:
[[Hauptseite]] > [[vendit Client|''vendit''-Client]] > [[Menüpunkt]] > [[Untermenüpunkt]] > Seitentitel
Reiter-Struktur
Um die Struktur des vendit-Clienten beizubehalten, wird auch im Wiki die Reiter-Struktur beibehalten. Diese werden genau wie in vendit angelegt. Dabei werden für die einzelnen Reiter eigene Seiten angelegt werden, welche dann entsprechend eingebunden werden. Hierbei muss zunächst geprüft werden, ob sich der jeweilige Reiter in vendit ablösen lässt. Ist dies der Fall, kann die korrekte Seite über die "F1"-Taste ermittelt werden. Ist der Reiter nicht ablösbar, wir die Seite mit dem Menüpunkt vorweg betitelt, gefolgt von einem Unterstrich und der Bezeichnung des jeweiligen Reiters (Beispiel: Kunden_Bestellung/Lieferung).
Quellcode:
<tabber> Reitername(fest) = {{:Menüpunkt_Reitername1}} |-| Reitername(ablösbar) = {{:Reitername}} </tabber>
Bilder
Bilder werden rechtsbündig als Vorschaubild eingefügt. Dieser verfügt über einen Rahmen und eine kurze Beschreibung. Um ein Bild dem Wiki hinzuzufügen, muss dieses zunächst über die Option "Datei hochladen" im Wiki gespeichert werden. Diese befindet sich unter den Werkzeugen auf der linken Seite. Hierbei ist nur das Hochladen folgender Bildformate erlaubt: png, gif, jpg, jpeg, pdf.
Quellcode:
[[ Datei:Bild.png | border | right | mini | Bildbeschreibung ]]