Vorlage:Button

Dokumentation ansehen • bearbeiten • Versionsverlauf • Cache leeren

Ähnliche Vorlagen

Diese Vorlage erzeugt einen kompakten, dezenten MediaWiki-Button für den Inline-Einsatz. Teilt sich das Stylesheet mit der Vorlage:MediaWiki-Button, ist jedoch kleiner und visuell zurückhaltender.

Zweck[Quelltext bearbeiten]

Diese Vorlage erzeugt einen kompakten Button im Stil des MediaWiki-UI-Frameworks. Sie dient als dezente Variante des größeren MediaWiki-Buttons und eignet sich besonders für den Einsatz innerhalb von Fließtext, Tabellen oder Hinweisboxen.

Im Gegensatz zur Hauptvorlage ist dieser Button:

deutlich kleiner skaliert,
schlichter in Farbe und Schatten,
und weniger aufdringlich – ideal für sekundäre oder ergänzende Aktionen.

Beide Vorlagen nutzen dasselbe Stylesheet (MediaWiki-Button/styles.css), unterscheiden sich aber im Zielkontext:

MediaWiki-Button → Schaltflächen für Formulare und Hauptaktionen
Button → Inline- oder Begleitaktionen (z. B. „Bearbeiten“, „Details“, „Anzeigen“)

Verwendung[Quelltext bearbeiten]

{{Button|Text|Titel|mw=Typ|color=Farbe|ex=Variante}}

Beispiel:

{{Button|Speichern|Seite speichern|mw=p}}

Parameter[Quelltext bearbeiten]

Parameter	Beschreibung	Pflicht	Standard
`1`	Beschriftung des Buttons	ja	–
`2`	Tooltip-Text (HTML-Attribut `title`)	nein	–
`mw`	MediaWiki-Stilvariante (siehe unten)	nein	`i` (quiet)
`color`	Manuelle Farbdefinition (wenn keine `mw`-Variante gesetzt ist)	nein	`base`
`ex`	Zusätzlicher Parameter für alternative Padding-Variante und Hover Effekt. (intern durch Modul `TemplUtl`)	nein	–

Stilvarianten (Parameter `mw`)[Quelltext bearbeiten]

Wert	Beschreibung	Darstellung
`p` / `pb`	Progressive (blau, aktiv)	Positiver Standardbutton
`ps`	Progressive subtle (hellblau)	Dezente Variante
`d`	Destructive (rot)	Kritische Aktion
`ds`	Destructive subtle (hellrot)	Warnung, aber weniger dominant
`i`	Quiet / Neutral	Passiver Button, neutral
`a`	Interactive	Grauer Aktionsbutton
`s`	Progressive active	Aktiver Zustand

Farbparameter (Parameter `color`)[Quelltext bearbeiten]

Wenn keine mw-Variante gesetzt ist, kann der Farbton manuell bestimmt werden:

Wert	Beschreibung
`blau`	Nutzt `--color-progressive`
`rot`	Nutzt `--color-destructive`
`gelb`	Nutzt `--color-yellow`
`gelb`	Nutzt `--color-orange`
`lila`	Nutzt `--color-purple`
(leer)	Nutzt `--color-base`

Verwendung als Link[Quelltext bearbeiten]

Die Vorlage selbst erzeugt 'kein Linkziel' – sie formatiert nur das Aussehen. Wenn der Button als 'Link' dienen soll, muss er manuell umwickelt werden:

[[Zielseite|{{Button|Text|Titel|mw=p}}]]

Beispiel:

[[Portal:Hilfe|{{Button|Zur Hilfe|Zur Hauptseite|mw=p}}]]

Ergebnis: Zur Hilfe

Hinweis: MediaWiki erlaubt keine direkte Verlinkung innerhalb der Vorlage, da sie sonst in allen Kontexten (auch in Vorlagennamensräumen oder Parserfunktionen) fehlschlagen würde. Der obige Umweg ist daher die 'empfohlene Standardmethode'.

Verwendung mit Bildern oder Icons[Quelltext bearbeiten]

Buttons können auch Bilder oder Symbole enthalten.

Symbol gefolgt von Button[Quelltext bearbeiten]

Da die Vorlage keine HTML-Tags innerhalb des Parameters 1 unterstützt, empfiehlt sich die Nutzung über [[Datei:...|verweis=...]]:

[[Datei:Edit icon on Wikisite.svg|15px|verweis=Hilfe:Bearbeiten]][[Hilfe:Bearbeiten|{{Button|Bearbeiten|Seite bearbeiten|mw=i}}]]

Ergebnis: Bearbeiten

Alternative Kombination (Symbol im Button):[Quelltext bearbeiten]

Bearbeiten </syntaxhighlight> Ergebnis: Bearbeiten

Wichtig:

Der Parameter verweis= funktioniert nur im [[Datei:...]]-Syntax, nicht in HTML-<img>-Tags.
Ohne verweis= ist das Bild nicht klickbar.
Für sauberes Layout sollten Bildgrößen 15–20px betragen.
In Kombination mit mw=ps oder mw=i wirkt das Design am harmonischsten.

Kopiervorlagen & Beispiele[Quelltext bearbeiten]

Die folgenden Beispiele zeigen eine Auswahl typischer Varianten des Buttons mit Kopiervorlage. Links wird der gerenderte Button gezeigt, rechts die zugehörige Wikitext-Syntax (Blockdarstellung).

Darstellung	Kopiervorlage
Speichern	{{Button\|Speichern\|Seite speichern\|mw=p}}
Abbrechen	{{Button\|Abbrechen\|Aktion abbrechen\|mw=d}}
Details anzeigen	{{Button\|Details anzeigen\|Weitere Informationen\|mw=ps}}
Entfernen	{{Button\|Entfernen\|Eintrag löschen\|mw=ds}}
Bearbeiten	{{Button\|Bearbeiten\|Abschnitt bearbeiten\|mw=i}}
Aktion	{{Button\|Aktion\|Interaktive Schaltfläche\|mw=a}}
Aktiv	{{Button\|Aktiv\|Aktiver Zustand\|mw=s}}
Auffällig	{{Button\|Kompakt\|Kleine Variante\|mw=p\|ex=1}}
Test	{{Button\|Test\|Farbvariante Blau\|color=blau}}
Achtung	{{Button\|Achtung\|Farbvariante Rot\|color=rot}}
Hinweis	{{Button\|Hinweis\|Farbvariante Gelb\|color=gelb}}
Echo	{{Button\|Eche\|Farbvariante Orange\|color=orange}}
Probleme	{{Button\|Probleme\|Farbvariante Lila\|color=lila}}

Hinweis: Die Darstellung kann je nach Skin und aktivem Farbschema (z. B. Darkmode) leicht variieren.

Hinweise[Quelltext bearbeiten]

Die Vorlage bindet automatisch MediaWiki-Button/styles.css ein.
Tooltip erscheint nur, wenn der zweite Parameter angegeben ist.
Der Button wird inline angezeigt (display:inline) und fügt sich so in Texte oder Tabellen ein.
Schriftgröße und Padding sind kleiner als beim Standard-Button.
Farbwerte werden über CSS-Variablen gesteuert (Darkmode-fähig).

Siehe auch[Quelltext bearbeiten]

[[Kategorie:Linkvorlage]