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.
Unten sind alle Standard-Tags mit jeweils einem Wikitext-Beispiel und dessen HTML-Ausgabe aufgelistet, die dir helfen sollen zu erkennen, welche Tags du benutzen musst und wie du die Infoboxen mit CSS anpassen kannst. Bedenke, dass in einigen Fällen auch Parser-Funktionen genutzt werden können.
Alle Infoboxen sollten gemäß der XML-Konvention mit Attributen deklariert werden, die zur Feldkonfiguration verwendet werden.
Das <infobox>-Tag beinhaltet alle anderen und bestimmt den Geltungsbereich der Infobox.
Gültige Tags[]
Parent Tags
Child Tags
Keine
<title>
<image>
<header>
<navigation>
<data>
<group>
<panel>
Attribute[]
theme
Der Name des zusätzlichen Themes, das für Styling nützlich sein kann. Fügt eine Klasse im Form .pi-theme-$1 zur Infobox hinzu, wobei Leerzeichen in Bindestriche (-) umgewandelt werden. Überschreibt weder theme-source, noch type.
theme-source
Der Name des Parameters, dessen Wert den Theme-Namen definiert. Fügt eine Klasse im Form .pi-theme-$1 zur Infobox hinzu, wobei Leerzeichen in Bindestriche (-) umgewandelt werden. Überschreibt weder theme-source, noch type.
type
Der Name des Infobox-Typen, der für Styling nützlich sein kann. Fügt eine Klasse im Form .pi-type-$1 zur Infobox hinzu, wobei Leerzeichen in Bindestriche (-) umgewandelt werden. Überschreibt weder theme, noch theme-source.
accent-color-source
Der Name des Parameters, dessen Wert die Akzentfarbe der Infobox definiert.
accent-color-default
Die voreingestellte Akzentfarbe der Infobox. Nimmt einen Hexadezimalfarbcode aus 3 oder 6 Ziffern an (z.B.: #f00 oder #ff0000).
accent-color-text-source
Der Name des Parameters, dessen Wert die Text-Akzentfarbe der Infobox definiert.
accent-color-text-default
Die voreingestellte Text-Akzentfarbe der Infobox. Nimmt einen Hexadezimalfarbcode aus 3 oder 6 Ziffern an (z.B.: #f00 oder #ff0000).
layout
Mögliche Werte: default, stacked.
name
Der interne Name für das Element und seiner Kinder. Wird im HTML-Quellcode dem data-item-name-Attribut zugewiesen.
Das <title>-Tag gibt den Titel der Infobox an (sollte nur einmal pro Infobox verwendet werden). Bilder, die innerhalb eines title-Tags verwendet werden, werden in der mobilen Ansicht nicht angezeigt.
Gültige Tags[]
Parent Tags
Child Tags
<infobox>
<group>
<default>
<format>
Attribute[]
source
Der Name des gewünschten Parameters.
name
Der interne Name für das Element und seiner Kinder. Wird im HTML-Quellcode dem data-item-name-Attribut zugewiesen.
Das <label>-Tag ändert die Darstellung des Parameters in der Infobox. Bei Registerkarten ändert es den Namen des jeweiligen Reiters. Es kann nur innerhalb von anderen Tags verwendet werden (Siehe: „Parent Tags“). Akzeptiert Wikitext.
Das <default>-Tag wird in Fällen verwendet, wo zum jeweiligen Parameter kein Wert angegeben wurde. Es kann nur innerhalb von anderen Tags verwendet werden (Siehe: „Parent Tags“). Akzeptiert Wikitext.
Gültige Tags[]
Parent Tags
Child Tags
<title>
<data>
<image>
<alt>
<caption>
Keine
Attribute[]
Keine.
Beispiel[]
Eingabe
<default>Max</default>
Ausgabe
<divclass="pi-data-value pi-font">Max</div>
<format>[]
Das <format>-Tag ändert die Darstellung des Parameter-Wertes in der Infobox. Es kann nur innerhalb von anderen Tags verwendet werden (Siehe: „Parent Tags“). Akzeptiert Wikitext.
Das <image>-Tag wird benutzt, um Dateien (Bilder oder Videos) in eine Infobox einzubetten. Es kann mithilfe von CSS in der jeweiligen Community gestaltet werden, wobei die Größe der Datei nicht manuell geändert werden kann. Die Einbettung der Bilder wurde normalisiert, weshalb [[Datei:Beispiel.jpg]] und Beispiel.jpg gleich funktionieren. Mehrere Bilder können mit dem <gallery>-Tag angeordnet werden.
Hier wird das default-Tag benutzt, um ein Standardbild anzuzeigen, wenn beim Einbinden der Infobox kein Bild gewählt wird (z.B.: <default>Beispiel.jpg</default>).
Gültige Tags[]
Parent Tags
Child Tags
<infobox>
<group>
<alt>
<caption>
<default>
Attribute[]
source
Der Name des gewünschten Parameters.
name
Der interne Name für das Element und seiner Kinder. Wird im HTML-Quellcode dem data-item-name-Attribut zugewiesen.
Das <group>-Tag wird für die Gruppierung der Daten verwendet und akzeptiert eine Kopfzeile (<header>) pro Gruppe. Die Gruppe sowie seine Kopfzeile werden nicht angezeigt, wenn keiner seiner Datenfelder besetzt sind. Wenn aber das show-Attribut auf incomplete gestellt ist, werden alle Felder innerhalb der Gruppe angezeigt, sobald mindestens ein Feld besetzt ist.
Gültige Tags[]
Parent Tags
Child Tags
<infobox>
<group>
<data>
<header>
<image>
<title>
<group>
<navigation>
<panel>
Attribute[]
layout
Mögliche Werte: default, horizontal
show
Mögliche Werte: default, incomplete
collapse
Mögliche Werte: open, closed. Nur verfügbar, wenn das erste Unterelement ein <header>-Tag ist.
row-items
Wandelt die Gruppe in eine intelligente Gruppe mit n Spalten um. Intelligente Gruppen ordnen ihre Zellen horizontal, wobei automatisch in eine neue Zeile umgebrochen wird, sobald das angegebene Limit überschritten wird. Zellen in der letzten Zeile füllen automatisch leere Spalten auf.
name
Der interne Name für das Element und seiner Kinder. Wird im HTML-Quellcode dem data-item-name-Attribut zugewiesen.
Das <section>-Tag repräsentiert den Inhalt eines Reiters. Der Text beim anklickbaren Schalter kann mit dem <label>-Tag modifiziert werden. Wenn kein Wert angegeben wird, wird die Kennziffer des Reiters (von 0 anfangend) angezeigt. Wenn keiner der Reiter benannt worden ist, werden sie wie Gruppen vertikal aufgereiht.
Gültige Tags[]
Parent Tags
Child Tags
<panel>
<title>
<data>
<label>
<image>
<group>
<header>
<navigation>
Attribute[]
name
Der interne Name für das Element und seiner Kinder. Wird im HTML-Quellcode dem data-item-name-Attribut zugewiesen.