Community-Wiki

Achtung: Fandom stellt ab dem 31.12.2023 bis auf Weiteres den Support für die deutsche Sprache ein. Nach diesem Datum müssen alle Anfragen im englischen Community Central oder über das Kontaktformular gestellt werden.

MEHR ERFAHREN

Community-Wiki
Community-Wiki
Advertisement
Community-Wiki

Nuvola apps kservices
Dies ist eine Standard-Erweiterung!
Standard-Erweiterungen sind generell in allen Communitys aktiviert.

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:

def

456

blablabla

Hinweise[]

Format
Der Reitertitel muss mit einem Gleichheitszeichen ("=") beendet werden. |-| ist das Trennzeichen zwischen zwei Reitern.
Wikitext
Als Inhalte ist auch Wikitext für Vorlagen und Bilder möglich.
Ü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[]

Mehr Hilfe[]

Advertisement