Wiki-templates: Unterschied zwischen den Versionen
LB (Diskussion | Beiträge) |
LB (Diskussion | Beiträge) |
||
Zeile 268: | Zeile 268: | ||
===Cursor=== | ===Cursor=== | ||
− | Templates für die Darstellung von Cursor-Tastenanschlägen ({{link|k-cup|hoch}}, {{link|k-cdown|runter}}, {{link|k-cleft|links}}, {{link|k-cright|rechts}}). Sie enthalten keine Platzhalter. | + | Templates für die Darstellung von Cursor-Tastenanschlägen ({{link|template:k-cup|hoch}}, {{link|template:k-cdown|runter}}, {{link|template:k-cleft|links}}, {{link|template:k-cright|rechts}}). Sie enthalten keine Platzhalter. |
Version vom 4. Dezember 2017, 13:09 Uhr
Hilfen für die Nutzung von vorhandenen Templates im wiki.
Allgemeine Hilfestellungen zum Umgang mit Templates im mediawiki finden sich auf dieser Seite.
Inhaltsverzeichnis
Templates bestehen immer aus dem Namen des Templates (an erster Stelle) sowie einem oder mehreren Platzhaltern. Die Segmente werden gepiped.
Die Standardsyntax lautet {{TEMPLATE-NAME|PLATZHALTER 1|PLATZHALTER N}}
Es müssen nicht alle Platzhalter verwendet werden.
Interface-Elemente (e-vendo)
button
Das button-Template soll Buttons in e-vendo darstellen. Ziel ist, dem Leser schnell zu vermitteln, dass es sich bei einer Erklärung um einen Button handelt und nicht um einen Beschreibungstext, eine Checkbox o.Ä.
Es enthält 1 Platzhalter.
- Syntax
{{button|Speichern}}
- Ergebnis
Speichern
button-inline
Dieses Template gleich dem button-Template bis auf die margins oben und unten. Dadurch kann es besser im Fließtext verwendet werden, obwohl dies trotzdem nicht empfohlen wird, da es die Zeilen auseinanderreißt.
Es enthält 1 Platzhalter.
- Syntax
[Text] {{button-inline|button}} [Text]
- Ergebnis
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis suscipit velit, ac blandit eros. Aenean ultrices tristique mauris at tincidunt. button Nam varius est non justo interdum accumsan. Mauris suscipit porta suscipit. Quisque dignissim ornare turpis, rhoncus dapibus lectus semper sed. button Nulla id velit posuere, fermentum nisi in, ultrices felis. Quisque ultrices commodo ultrices. Donec risus justo, tincidunt ut mattis id, ullamcorper vel orci. Suspendisse urna leo, molestie quis neque elementum, faucibus fermentum leo. Aliquam ut condimentum sem. Sed felis lacus, aliquam non efficitur ut, sagittis eget mauris. button
button-lupe
Dieses Template stellt einen e-vendo-Button mit einer Lupe dar.
Es enthält keinen Platzhalter.
- Syntax
{{button-lupe}}
- Ergebnis
🔍
button-custom
Das button-custom-Template ist die kleine Schwester des lupe-Templates. Es ist ein Blanko-Button mit denselben Eigenschaften, aber der Möglichkeit, ein anderes Icon zu hinterlegen. Ein separates Template ist nötig, da für die Erkennbarkeit des Icons eine andere Schriftgröße festgelegt sein muss (manche Icons sind in 12px unerkennbar).
Verwendet werden muss Unicode. eine Übersicht der Zeichen findet sich [hier]. Es sollte beachtet werden, dass nicht alle Zeichen verwendbar sind. Dies muss durch Trial&Error herausgefunden werden. Die Quote der darstellbaren Zeichen ist allerdings sehr hoch. Das Zeichen selbst muss in HTML-Notation angegeben werden.
Es enthält 2 Platzhalter: einen für die Schriftgröße in px und einen für das Zeichen.
- Syntax
{{button-custom|17|☕}}
- Ergebnis
☕
checkbox
Das checkbox-Template soll eine Checkbox darstellen. Verrückt!
Es enthält 1 Platzhalter.
- Syntax
{{checkbox|eShop-Freigabe}}
{{checkbox|eShop Verkauf nur bei Bestand}}
- Ergebnis
radio
Das radio-Template soll eine Radio Button Group darstellen. Wahnsinn!
Es enthält 1 Platzhalter.
- Syntax
{{radio|Artikel}}
{{radio|Stückliste}}
- Ergebnis
tab
Das tab-Template bildet Reiter im Interface nach. Dies ist nur sinnvoll, wenn mehrere Reiter und deren Inhalte in einer Liste beschrieben werden sollen, bspw. im ❯Reiter "Lager" der Artikelverwaltung.
Es enthält 1 Platzhalter.
- Syntax
{{tab|Reservierungsbestand}}
- Ergebnis
Tastatureingaben
key
Template für die Darstellung von beliebigen Tastatureingaben.
Es enthält 1 Platzhalter.
- Syntax
{{key|Strg}} + {{key|Alt}} + {{key|Entf}}
- Ergebnis
Strg + Alt + Entf
k-tab
Template für die Darstellung eines Tabulators. Enthält keine Platzhalter.
- Syntax
{{k-tab}}
- Ergebnis
⭾ Tab
k-shift
Template für die Darstellung von Shift. Enthält keine Platzhalter.
- Syntax
{{k-shift}} + {{key|A}}
- Ergebnis
⇧ Shift + A
k-caps
Template für die Darstellung von Caps Lock. Enthält keine Platzhalter.
- Syntax
{{k-caps}}
- Ergebnis
⇩ Caps Lock
k-backspace
Template für die Darstellung von Backspace. Enthält keine Platzhalter.
- Syntax
{{k-backspace}}
- Ergebnis
🡐 Backspace
k-return
Template für die Darstellung von Return. Enthält keine Platzhalter.
- Syntax
{{k-return}}
- Ergebnis
↵ Return
Cursor
Templates für die Darstellung von Cursor-Tastenanschlägen (❯hoch, ❯runter, ❯links, ❯rechts). Sie enthalten keine Platzhalter.
- Syntax
{{k-cup}} {{k-cdown}} {{k-cleft}} {{k-cright}}
- Ergebnis
🠉 🠋 🠈 🠊
boxes
wip
Das Work in Progress-Template soll bei der Bearbeitung eines Themas dazu dienen, sich selbst einen Hinweis darauf zu geben, dass hier noch Informationen nachgetragen werden müssen.
Es enthält 1 Platzhalter.
- Syntax
{{wip|Link zum Thema nachtragen}}
- Ergebnis
Link zum Thema nachtragen |
wichtig
Das wichtig-Template ist dazu da, wichtige Informationen schnell ersichtlich darzustellen.
Es enthält 1 Platzhalter.
- Syntax
{{wichtig|kurzer Erklärungstext, der den Hinweis kurz und präzise darstellt}}
- Ergebnis
info
Das info-Template soll eine wissenswerte Information vermitteln, ohne gleich mit der Wichtig-Keule zuzuschlagen.
Es enthält 1 Platzhalter.
- Syntax
{{info|wissenswerte Information(en)}}
- Ergebnis
beispiel
Das Beispiel-Template kann verwendet werden, um Beispiele für Funktionen und Prozesse zu illustrieren. Klingt vielleicht komisch, ist aber tatsächlich so.
Es enthält 1 Platzhalter.
- Syntax
{{beispiel|Wenn Sie e-vendo schließen, wird e-vendo geschlossen.}}
- Ergebnis
code
Das code-Template ist für dazu da, um code anzugeben. Dûh.
Dieses Template setzt den Inhalt in einen Monospace-Font (Courier New), sodass der Code besser lesbar ist. Ebenfalls hat es eine feste Breite von 90% des Bildschirms.
Es enthält 1 Platzhalter.
- Syntax
{{code|<div style="margin:5px; color:grey;"> text </div>}}
- Ergebnis
greybox
Dieses Template enthält lediglich ein Bild mit Text rechts daneben. Das Ganze wird von einer grauen Box unterlagert.
Es enthält 4 Platzhalter:
- Bildname
- Breite des Bildes in px (Einheit muss nicht angegeben werden)
- Überschrift
- Fließtext
- Syntax
{{greybox|filternavi f2.png|174|Anzeigetyp 2: grafische Liste|
Filtereinträge werden rein über ihre Grafiken dargestellt.
Diese Darstellung eignet sich bspw. besonders gut für Farben.
Der Text eines Filtereintrages wird lediglich angezeigt, wenn diesem keine Grafik zugewiesen wurde.}}
- Ergebnis
link
Das link-Template kann dazu genutzt werden, wiki-interne Links zu setzen. Dies ist zwar mit den Standardmethoden möglich; allerdings ist die Linkfarbe hellgrün und die Stärke normal, sodass der Link manchmal nicht ganz sichtbar ist. Im Template wird dementsprechend ein Symbol vor den Linktext gesetzt. Auf keinen Fall sollte das Template bei Strukturierenden Elementen verwendet werden.
Es enthält 2 Platzhalter: einen für den Namen des Themas, auf das verlinkt wird, und einen für den Text, der dann dargestellt wird.
- Syntax
{{link|ebay|ebay-Übersicht}}
- Ergebnis
Das Template lässt sich auch mit anderen kombinieren, z.B. so:
- Syntax
{{info|Weitere Informationen zur Thematik finden Sie {{link|amazon|hier}}.}}
- Ergebnis
-.-
Dieses Template ist lediglich eine Darstellung von Text als Courier New (monospaced) mit leicht grauem Hintergrund und soll als Darstellungshilfe für überschriftenähnliche Anzeige einzelner Code-Snippets dienen.
Es enthält 1 Platzhalter.
- Syntax
{{-.-|tp-picture_right}}
- Ergebnis
farben
Das farben-Template wird hauptsächlich im Artikel {{link|Farben in der Warenwirtschaft|Farben in der Warenwirtschaft]] verwendet, um die farbliche Codierung darzustellen - sofern diese weiß ist. Das Ergebnis wird weiß mit grauem Rahmen dargestellt.
Es enthält 2 Platzhalter: einen für den Text innerhalb der Box und einen für Text rechts daneben.
Das Template muss weiterhin mit table-tags ausgestattet werden. Bei mehrfacher Verwendung werden alle Templates zusammengefasst in table-tags geschrieben (siehe unten).
Die Breite der ersten Segmente passt sich automatisch an, sodass alle gleich breit sind.
- Syntax für einfache Verwendung ohne Text in der Box
<table>
{{farben||Die Rechnung ist ausgeglichen.}}
</table>
- Ergebnis für einfache Verwendung ohne Text in der Box
Die Rechnung ist ausgeglichen. |
- Syntax für mehrfache Verwendung mit Text in der Box
<table>
{{farben|ausgegl.|Die Rechnung ist auf jeden Fall ausgeglichen.}}
{{farben|ausgeglichen|Die Rechnung ist definitiv ausgeglichen.}}
</table>
- Ergebnis für mehrfache Verwendung mit Text in der Box
ausgegl. | Die Rechnung ist auf jeden Fall ausgeglichen. |
ausgeglichen | Die Rechnung ist jetzt aber wirklich ausgeglichen. |
farben2
Dieses Template ist der große Bruder des farben-Template: Die Verhaltensweise ist ähnlich; allerdings können hier Farbwerte (in HTML-Notation) hinterlegt werden.
Auch dieses Template muss in table-tags gesetzt werden.
Es enthält 3 Platzhalter: Der erste steht für den Text innerhalb der Box, der zweite für den Farbwert und der dritte für den Text rechts neben der Box.
- Syntax für einfache Verwendung ohne Text in der Box
<table>
{{farben2||1e90ff|der Beschreibungstext steht dann hier}}
{{farben2||87cefa|hier steht dann halt was anderes}}
</table>
- Ergebnis für einfache Verwendung ohne Text in der Box
der Beschreibungstext steht dann hier | |
hier steht dann halt was anderes |
- Syntax für mehrfache Verwendung mit & ohne Text in der Box
<table>
{{farben2||1e90ff|der Beschreibungstext steht dann hier}}
{{farben2|Titel 2|87cefa|}}
{{farben2||6495ed|hier steht dann halt was anderes}}
{{farben2|Titel 4|afeeee|lorem ipsum dolor sit amet}}
</table>
- Syntax für mehrfache Verwendung mit & ohne Text in der Box
der Beschreibungstext steht dann hier | |
Titel 2 | (bitte Text einfügen) |
hier steht dann halt was anderes | |
Titel 4 | lorem ipsum dolor sit amet |
backtotop
Dieses Template fügt einen fixierten Button in die untere rechte Ecke; beim Click auf diesen wird zum Anfang der Seite gesprungen.
Der Button ist auf dieser Seite sichtbar.
sideboxes
Portal-Unterseiten können zur besseren Übersicht und Navigation mit Linkboxen an der Seite ausgestattet sein, bspw. ❯Beispiel (oben rechts). Sinnvoll ist dies allerdings nur für die Unterseiten des Portals, nicht die Hauptseite.
Ziel ist die Darstellung der folgenden Bereiche des Moduls (als Links):
- zurück zur Übersicht (also zum Portal)
- sofern vorhanden: Modulspezifische Suche
- Teilbereiche der Modulbeschreibung (Beispiel: In der Artikelverwaltung werden die einzelnen Reiter beschrieben. Diese werden verlinkt.)
- evtl. wichtige Dinge, die separat abgehandelt werden.
Die sideboxes sollten sich in ihrer Struktur an der Abarbeitung der Themenbereiche auf der Portalseite orientieren. Der Platzhalter sollte ganz oben auf der Seite stehen.
- Syntax
{{sidebox-artikel}}
- folgende sideboxes sind aktuell vorhanden
- ❯Adressenverwaltung
- ❯Artikelverwaltung
- ❯amazon-Modul
- ❯ebay-Modul
- ❯Arbeitsplatzkonfiguration
- ❯Shopeditor
- ❯Datenimport
- ❯Reparaturverwaltung
- ❯Kasse
Die Hauptseite eines Portals kann mit diesem Template die Links zu den Unterseiten darstellen. Die ganze Box ist ein klickbarer Bereich. Beispiel: ❯Artikelverwaltung
Dieses Template enthält 3 Platzhalter: Der erste für den Link, der zweite für die Überschrift und der dritte für den Text.
- Syntax
{{navibox|Artikel|Artikelverwaltung|In der Artikelverwaltung werden... - wait for it -... ARTIKEL verwaltet!}}
- Ergebnis
Unterbereiche eines Portals können auch direkt mit der navibox2 verlinkt werden. Der entstehende Button besteht allerdings nur aus der Überschrift; der Text sollte also nicht zu lang sein.
Der Inhalt wird nicht als Überschrift im wiki-Code dargestellt.
Der Button passt sich an die Gesamtbreite des enthaltenen Textes an.
Das Template enthält 2 Platzhalter: Der erste ist für den Link auf das zu verlinkende wiki-Thema, der zweite wird als Beschriftung im Button dargestellt.
- Syntax
{{navibox2|Konfiguration - Buchhaltung - Bankkonten|Bankkonten}}
{{navibox2|Konfiguration - Buchhaltung - Kostenstellen|Kostenstellen}}
- Ergebnis
Vorlage:Navibox2 Vorlage:Navibox2
Die kleine Schwester der navibox2. Unterscheidet sich nur durch den orangenen Rand vom Original. Soll dazu dienen, diese Box hervorzuheben.
Das Template enthält 2 Platzhalter: Der erste ist für den Link auf das zu verlinkende wiki-Thema, der zweite wird als Beschriftung im Button dargestellt.
- Syntax
{{navibox2|Konfiguration - Buchhaltung - Bankkonten|Bankkonten}}
{{navibox2-o|Konfiguration - Buchhaltung - Kostenstellen|Kostenstellen}}
- Ergebnis
Aufbau und Struktur ist wie die Original-navibox; allerdings passen zwei von diesen nebeneinander.
Es enthält 3 Platzhalter: für den Link (1), die Überschrift (2) sowie den Fließtext (3).
Nach dieser navibox (oder mehreren) muss das float gecleared mit folgendem Code gecleared werden:
<div style="clear:both;"></div>
- Syntax
{{navibox50|Konfiguration - Buchhaltung - Bankkonten|Bankkonten|An dieser Stelle lassen sich die Bankkonten anlegen und konfigurieren.}}
{{navibox50|Konfiguration - Buchhaltung - Kostenstellen|Kostenstellen|Dies ist der Konfigurationsbereich für die im System verwendeten Kostenstellen.}}
- Ergebnis