Wiki-templates

Aus e-vendo Wiki
Wechseln zu: Navigation, Suche
zum Anfang der Seite

Hilfen für die Nutzung von vorhandenen Templates im wiki.

Allgemeine Hilfestellungen zum Umgang mit Templates im mediawiki finden sich auf dieser Seite.

Grundlegende Informationen zur Textformatierung im mediawiki sind hier aufgeführt.



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
eShop-Freigabe
eShop Verkauf nur bei Bestand


radio

Das radio-Template soll eine Radio Button Group darstellen. Wahnsinn!

Es enthält 1 Platzhalter.


Syntax

{{radio|Artikel}}

{{radio|Stückliste}}


Ergebnis
Artikel
Stückliste


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

Vorlage:Tab


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
Templ wip.png 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
Templ att-blk.png
kurzer Erklärungstext, der den Hinweis kurz und präzise darstellt


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
Templ info-blk.png
wissenswerte Information(en)


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
Templ bsp-blk.png
Wenn Sie e-vendo schließen, wird e-vendo geschlossen.


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
Templ code-blk.png
<div style="margin:5px; color:grey;"> text </div>


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

Vorlage:Greybox


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

ebay-Übersicht


Das Template lässt sich auch mit anderen kombinieren, z.B. so:

Syntax

{{info|Weitere Informationen zur Thematik finden Sie {{link|amazon|hier}}.}}


Ergebnis
Templ info-blk.png
Weitere Informationen zur Thematik finden Sie hier.


-.-

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
tp-picture_right


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


btt (back to top)

Dieses Template fügt einen fixierten Button in die untere rechte Ecke; beim Klick auf diesen wird zum Anfang der Seite gesprungen.

Der Button ist auf dieser Seite sichtbar.


Syntax

{{btt}}


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

{{sb-artikel}}


folgende sideboxes sind aktuell vorhanden
Adressenverwaltung
Artikelverwaltung
amazon-Modul
ebay-Modul
Arbeitsplatzkonfiguration
Shopeditor
Datenimport
Reparaturverwaltung
Kasse
Konfiguration


naviboxes

Was für ein dämlicher Name. Oh well. Klickbare Elemente mit Links zu anderen Seiten. Gedacht für Portalseiten und Weiterleitungen zu anderen Themen, die herausstechen sollen.


navibox

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

Vorlage:Navibox


navibox2

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


navibox2-o

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

Vorlage:Navibox2

Kostenstellen


navibox3-2

Der ungeliebte Onkel aus ferner Verwandschaft der navibox2. Dient zur Umrahmung von zwei zusammengehörenden Themen.

Das Template enthält 5 Platzhalter:

  • 1 - "Überschrift"
  • 2 - Link zum ersten Thema
  • 3 - Anzeigetext des Links zum ersten Thema
  • 4 - Link zum zweiten Thema
  • 5 - Anzeigetext des Links zum zweiten Thema


Syntax

{{navibox3-2|Amazon-Funktionalitäten|Amazon|Marktplatz|Amazon pay|Zahlungssystem}}


Ergebnis
Amazon-Funktionalitäten

Marktplatz

Zahlungssystem


navibox3-2-imp

Eine Kopie von navibox3-2. Allerdings ist der Überschriftenbereich beschränkt auf maximal 200px Breite, während dieser Bereiech bei navibox3-2 lediglich eine Maximalbreite von 200px hat.


navibox3-3

Dasselbe Spiel wie bei navibox3-2, aber diesmal mit drei Links.

Das Template enthält 7 Platzhalter:

  • 1 - "Überschrift"
  • 2 - Link zum ersten Thema
  • 3 - Anzeigetext des Links zum ersten Thema
  • 4 - Link zum zweiten Thema
  • 5 - Anzeigetext des Links zum zweiten Thema
  • 6 - Link zum dritten Thema
  • 7 - Anzeigetext des Links zum dritten Thema


Syntax

{{navibox3-3|Versandsysteme|Versandschnittstelle zu DHL Versenden|DHL Versenden|Versandschnittstelle zu DPD|DPD DeliSprint|Versandschnittstelle zu UPS|USP WorldShip}}


Ergebnis

Vorlage:Navibox3-3


navibox3-6

Oh boy, sechs verlinkte Themen.

Das Template enthält 13 Platzhalter:

  •  1 - "Überschrift"
  •  2 - Link zum ersten Thema
  •  3 - Anzeigetext des Links zum ersten Thema
  •  4 - Link zum zweiten Thema
  •  5 - Anzeigetext des Links zum zweiten Thema
  •  6 - Link zum dritten Thema
  •  7 - Anzeigetext des Links zum dritten Thema
  •  8 - Link zum vierten Thema
  •  9 - Anzeigetext des Links zum vierten Thema
  • 10 - Link zum fünften Thema
  • 11 - Anzeigetext des Links zum fünften Thema
  • 12 - Link zum sechsten Thema
  • 13 - Anzeigetext des Links zum sechsten Thema


Syntax

{{navibox3-6|Belegvorgaben|Konfiguration_-_Belegvorgaben,_Versand_und_Mail_-_Belegvorgaben_1|1|Konfiguration_-_Belegvorgaben,_Versand_und_Mail_-_Belegvorgaben_2|2|Konfiguration_-_Belegvorgaben,_Versand_und_Mail_-_Belegvorgaben_3|3|Konfiguration_-_Belegvorgaben,_Versand_und_Mail_-_Belegvorgaben_4|4|Konfiguration_-_Belegvorgaben,_Versand_und_Mail_-_Belegvorgaben_5|5|Konfiguration_-_Belegvorgaben,_Versand_und_Mail_-_Belegvorgaben_6|6}}


Ergebnis

Vorlage:Navibox3-6


navibox50

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 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

Vorlage:Navibox50 Vorlage:Navibox50