Vorlage:Button

Mit dieser Vorlage können Links einfach als Button angezeigt werden. Die Vorlage hat folgende Parameter:

1. position: links|zenriert|rechts (optional, default ist links)
2. text: ...
3. link: ...
4. hervorhebung: ja|nein (optional, default ist nein)

Das schreibt man:

{{button
|position=zentriert
|text=Start
|link=Hauptseite
|hervorhebung=ja
}}

Das sieht man:

Start Start

Weiteres Beispiel mit Icon:

{{button
|position=rechts
|text=Lernpfade Mathematik <span class="fa fa-chevron-circle-right"></span>
|link=Mathematik-digital
}}

Das sieht man:

Lernpfade Mathematik [[ Lernpfade Mathematik ]]

Mehrere Buttons nebeneinander

Wenn mehrere Buttons nebeneinander positioniert werden sollen, kann diese Vorlage mit der Vorlage:2Spalten bzw. der Vorlage:3Spalten kombiniert werden. Die Buttons werden dann auf kleinen Displays untereinander statt nebeneinander angezeigt:

{{3Spalten
|
{{button 
|position=links
|text=Button links
|link=:Kategorie:Lernpfad
}}
|
{{button
|position=zentriert
|text=Button Mitte
|link=:Kategorie:Lernpfad
}}
|
{{button
|position=rechts
|text=Button rechts
|link=:Kategorie:Lernpfad
}}
}}

Das sieht man:

Button links Button links

Button Mitte Button Mitte

Button rechts Button rechts

Weiteres Beispiel

{{2Spalten
|
{{button 
|position=links
|text=<span class="fa fa-chevron-circle-left"></span> zurück
|link=:Kategorie:Lernpfad
}}
|
{{button
|position=rechts
|text=weiter <span class="fa fa-chevron-circle-right"></span>
|link=:Kategorie:Lernpfad
|hervorhebung=ja
}}
}}

Das sieht man:

zurück [[ zurück]]

weiter [[ weiter ]]