Änderungen: Hilfe:Tabber

Version vom 28. März 2020, 05:47 Uhr

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:Wikia.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.

@@ Zeile 38: / Zeile 38: @@
 == Hinweise ==
 ;Format
-: Der Reitertitel muss mit einem Gleichheitszeichen ("<code>
+: Der Reitertitel muss mit einem Gleichheitszeichen ("<code>=</code>") beendet werden. <code>|-|</code> ist das Trennzeichen zwischen zwei Reitern.
-=</code>") beendet werden. <code>|-|</code> ist das Trennzeichen zwischen zwei Reitern.
 ;Wikitext
@@ Zeile 45: / Zeile 44: @@
 ;Überschriften
-: Standardmäßig werden Level-2- (<code><nowiki>==</nowiki></code>) und Level-3-Überschriften (<code><nowiki>===</nowiki></code>) nicht angezeigt. Um das zu ändern, musst du folgenden Text der Seite [[MediaWiki:Wikia.css]] hinzufügen:
+: Standardmäßig werden Level-2- (<code><nowiki>==</nowiki></code>) und Level-3-Überschriften (<code><nowiki>===</nowiki></code>) nicht angezeigt. Um das zu ändern, musst du folgenden Text zu der Seite [[MediaWiki:Wikia.css]] hinzufügen:
 <pre>.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 {
-display:block !important;
+    display:block !important;
 }</pre>
-==Probleme==
+== Probleme ==
-===Mobile Darstellung===
+=== Mobile Darstellung ===
-Das meiste CSS und JavaScript, das auf der Desktopversion eines Wikis geladen wird, ''wird'' in der [[Hilfe:Mobilen Ansicht|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).
+Das meiste CSS und JavaScript, das auf der Desktopversion eines Wikis geladen wird, wird in der [[Hilfe:Mobile Ansicht|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:
@@ Zeile 68: / Zeile 67: @@
 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.
-Dieser Weg ist aber auch keine gute Lösung (komplexes HTML, Inline-CSSm, etc.). Man könnte eine Vorlage oder ein [[w:Help:Lua|Modul <small>(en)</small>]] erstellen, mit der die ausgeblendeten Überschriften automatisch bei jedem Tabber da sind, aber kein Weg kann das Hauptproblem mit solchen Tabs lösen (siehe nächster Abschnitt). Außerdem ist das ein sehr großer Aufwand für eine solche kleine Sache, man könnte stattdessen auch einfach normale Abschnitte nutzen.
+Bei der häufigen Nutzung von Tabbern ist es ratsam, eine Vorlage oder ein [[w:Help:Lua|Modul <small>(en)</small>]] zu erstellen, mit der die ausgeblendeten Überschriften automatisch bei jedem Tabber da sind.
-===Ansehen/Bearbeiten der Inhalte in den Tabs===
+=== 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 [[Hilfe:VisualEditor|VisualEditor]] benutzen, unmöglich, Tabber zu bearbeiten, ohne zur [[Hilfe:Code-Ansicht|Code-Ansicht]] zu wechseln.
+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 [[Hilfe:VisualEditor|VisualEditor]] benutzen, unmöglich, Tabber zu bearbeiten, ohne zur [[Hilfe:Code-Ansicht|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:
+<pre style="margin: 20px;">
+<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>
+</pre>
+dies:
+<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>
 == Links ==
-* [[:mediawikiwiki:Extension:Tabber|Extension:Tabber]] auf MediaWiki.org
+* [[mw:Special:MyLanguage/Extension:Tabber|Extension:Tabber]] auf MediaWiki.org
-==Mehr Hilfe==
+== Mehr Hilfe ==
 {{Hilfe/Feedback}}
@@ Zeile 90: / Zeile 114: @@
 [[pt:Ajuda:Tabber]]
 [[ru:Справка:Табуляция]]
+[[tr:Yardım:Sekmeci]]
-[[uk:Довідка:Табуляция]]
+[[uk:Довідка:Табуляція]]
 [[vi:Trợ giúp:Tabber]]
 [[zh:Help:標籤器]]