Die Tabber-Erweiterung ermöglicht in einer Seite das Einbinden eines Reitermenüs, das mehrere Inhalte abwechselnd in einer Seite anzeigen lässt.
Es gibt auch eine ähnliche Erweiterung, die im Reitermenü andere (Unter-)Seiten lädt. Siehe Hilfe:Tab view!
Beispielcode[]
Dieser Text muss in der Code-Ansicht eingegeben werden!
<tabber> abc= def |-| 123= 456 |-| xyz= blablabla </tabber>
Dies ergibt:
Hinweise[]
- Format
- Der Reitertitel muss mit einem Gleichheitszeichen ("
=") beendet werden.|-|ist das Trennzeichen zwischen zwei Reitern.
- Überschriften
- Standardmäßig werden Level-2- (
==) und Level-3-Überschriften (===) nicht angezeigt. Um das zu ändern, musst du folgenden Text zu der Seite MediaWiki:Fandomdesktop.css hinzufügen:
.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 {
display:block !important;
}
Probleme[]
Mobile Darstellung[]
Das meiste CSS und JavaScript, das auf der Desktopversion eines Wikis geladen wird, wird in der mobilen Ansicht nicht dargestellt. Davon ist auch der Code betroffen, der Tabber möglich macht. Das hat zur Folge, dass Benutzer auf Mobilgeräten keine Trennung zwischen den Tabber-Inhalten sehen (sie sehen nur den Inhalt der Tabs, nicht die Tabs selber).
Du kannst dies mit dem folgenden Code umgehen:
==Dieser Abschnitt hat Tabs!== <tabber> |-|Erster=<h3 style="display:none">Erster</h3>Lorem ipsum dolor sit amet... |-|Zweiter=<h3 style="display:none">Zweiter</h3>Lorem ipsum dolor sit amet... |-|Dritter=<h3 style="display:none">Dritter</h3>Lorem ipsum dolor sit amet... </tabber>
Hierbei wird innerhalb des Tabs eine Überschrift eingefügt, die mit CSS in der Desktop-Version ausgeblendet wird. In der mobilen Ansicht wird sie jedoch angezeigt, da dort CSS nicht lädt. Ebenso lädt nur der Tabber-Inhalt, sodass die Tab-Inhalte mit eigenen Überschriften untereinander stehen.
Bei der häufigen Nutzung von Tabbern ist es ratsam, eine Vorlage oder ein Modul (en) zu erstellen, mit der die ausgeblendeten Überschriften automatisch bei jedem Tabber da sind.
Ansehen/Bearbeiten der Inhalte in den Tabs[]
Tabber bieten keinen einfachen Weg, den Text der Seite anzusehen oder zu bearbeiten. Das kann bei unerfahreneren Benutzern zu Verwirrung führen, wenn sie den Inhalt eines Tabs ändern wollen. Außerdem ist es für Benutzer, die den VisualEditor benutzen, unmöglich, Tabber zu bearbeiten, ohne zur Code-Ansicht zu wechseln.
Reitertitel ist identisch mit einer Absatzüberschrift auf der Seite[]
Falls einer der Reitertitel zufällig genauso gewählt wurde wie eine Absatzüberschrift auf der Seite, wird beim Anklicken der Tabber-Teil der Seite zwar zum gewünschten Reiter umgeschaltet, zugleich springt die Anzeige jedoch zu dem Absatz mit der identischen Überschrift. Daher unbedingt exakt gleiche Reitertitel und Absatzüberschriften vermeiden.
Zum Beispiel ergibt auf dieser Seite der folgende Code:
<tabber> Probleme= Reiter 1 zeigt wie es "funktioniert", wenn der Reitertitel exakt mit einer Absatzüberschrift übereinstimmt (nur beim Anklicken des Reiters). |-| Problem= Reiter 2 zeigt wie es mit einem kleinen Unterschied im Reitertitel funktioniert. </tabber>
dies:
Reiter 1 zeigt wie es "funktioniert", wenn der Reitertitel exakt mit einer Absatzüberschrift übereinstimmt (nur beim Anklicken des Reiters).
Reiter 2 zeigt wie es mit einem kleinen Unterschied im Reitertitel funktioniert.
Links[]
- Extension:Tabber auf MediaWiki.org
Mehr Hilfe[]
- Ein Stichwortverzeichnis zu verschiedensten Hilfeseiten findest du auf Hilfe:Index.
- Einen geordneten Einstieg zur Hilfe gibt es auf der Seite Hilfe:Übersicht.
- Fragen an andere Benutzer kannst du in den Diskussionen des Community-Wikis stellen.
- Anmerkungen zu dieser Hilfeseite kannst du auf der dazugehörigen Diskussionsseite hinterlassen.
- Um Fehler zu melden, kontaktiere bitte einen Ansprechpartner oder nutze das entsprechende Kontaktformular.