Hilfe:Galerie/VisualEditor

Diese Seite beschreibt, wie Galerien mit der Bearbeitungsumgebung VisualEditor auf einer Seite eingefügt oder bearbeitet werden können.

Galerien erstellen

Das Bearbeitungswerkzeug bietet im Bearbeitungsmodus zu einer Seite einen Menüpunkt Einfügen Elemente einfügen. In dessen Drop-Down-Bereich befindet sich ein Unterpunkt Galerie, der sichtbar wird, wenn du das Menü über die Option Mehr weiter ausklappst.

 Info: Falls du lediglich ein einzelnes Bild in den Text einfügen möchtest benutze bitte dafür nicht die Galeriefunktion sondern den Menüpunkt Medien. Möchtest du zwei Bilder nebeneinander oder untereinander einfügen kannst du zudem die Vorlagen {{Doppeltes Bild}} oder {{Mehrere Bilder}} dafür verwenden.

Eine Galerie an der Cursorposition einfügen
Wenn du auf einer Seite dieses Menü anklickst öffnet sich ein Dialogfeld, das dir zunächst basierend auf dem Namen der Seite versucht thematisch passende Bilddateien vorzuschlagen. Sollten keine Dateien gefonden werden, so folgt eine Meldung.
Galerie
Einfügen
0Bilder0Optionen
Die Galerie ist leer.
Lemma
Keine Ergebnisse gefunden.
Du kannst den Text im Eingabefeld ändern, um nach passenden Bildern zu suchen.
Galerie
Einfügen
0Bilder0Optionen
Die Galerie ist leer.
Antelope Canyon
  • Antelope C…
    Antelope C…
  • Antelope C…
    Antelope C…
  • Antelope C…
    Antelope C…
  • Lower A…
    Lower A…
  • Antelope Canyon 1
    Antelope Canyon 1
  • Antelope Canyon 3
    Antelope Canyon 3
Wähle nun durch Anklicken ein Bild aus der Listen mit den Vorschaubildern aus und füge in das Eingabefeld eine kurze Bildbeschreibung ein.

 Info: Das Feld sollte nicht für ausführliche Beschreibungen genutzt werden.

Galerie
Einfügen
0Bilder0Optionen
 Antelope Canyon 5.jpg (Beschreibungsseite)
Beschriftung

Alternativtext
Die Bildunterschrift als Alternativtext verwenden

Bild entfernen

+ Neues Bild hinzufügen
Klicke auf Einfügen, wenn du die ausgewählten und beschrifteten Bilder als Galerie übernehmen möchtest oder wechsle zum Reiter Optionen, um Einstellungen zur Gestaltung der Galerie vorzunehmen.

– bricht den Vorgang ab und schließt das Dialogfenster.
Einfügen – übernimmt deine Auswahl in die Seitenvorschau.
+ Neues Bild hinzufügen – füge ein weiteres Bild in die Galerie ein.
Bild entfernen – entferne ein Bild aus der Galerie.

Galeriebearbeitung
Klicke die Galerie an, die du bearbeiten möchtest und anschließend auf die Schaltfläche Bearbeiten
  • Geformt von Wasser und Wind
    Geformt von Wasser und Wind
  • roter Sandstein
    roter Sandstein
  • von oben einfallendes Licht
    von oben einfallendes Licht
  • oberer Canyon
    oberer Canyon
Galerie
Bearbeiten
4 Bilder
Über die Galerieoptionen kannst du die Gestaltung der Galerie verändern, ihr eine zentrale Überschrift zuordnen, festlegen wie die Bilder angezeigt erden sollen oder wieviele Bilder in der traditionellen Ansicht je Zeile angezeigt werden sollen. Je nach Auswahl des Anzeigemodus können einige der Felder inaktiv sein.

– bricht den Vorgang ab und schließt das Dialogfenster.
Änderungen übernehmen – übernimmt deine Änderungen in die Seitenvorschau.

Galerie
Änderungen übernehmen
0Bilder0Optionen
Anzeigemodus
Traditionell|
Galerieüberschrift
Bildbreite
Standardbreite: 120 Pixel
Bildhöhe
Standardhöhe: 120 Pixel
Bilder pro Zeile
 
Dateinamen anzeigen 0
CSS-Klassen
Klassennamen, leerzeichengetrennt
CSS-Stile
CSS-Regeln, semikolongetrennt

Anzeigemodus – du kannst das äußere Erscheinungsbild der Galerie einstellen, klicke auf das Pfeilsymbol und wähle aus dem Dropdownmenü die gewünschte Option aus. Dem <gallery>-Tag wird mode="…" hinzugefügt.
→Darstellungsvarianten
 Info: Die Diashow sollte nicht oder nur in Ausnahmefällen in Artikeln verwendet werden, gleiches gilt für die Vorlage {{Galerie}}.

  Traditionell

Traditionell
Traditionell ohne Konturen
Gepackt
Gepackt mit überdeckten Beschriftungen
Gepackt mit Beschriftungen beim Darüberfahren
Diashow

Galerieüberschrift – füge eine Titelzeile (Überschrift) oberhalb der Bilder ein. Dem <gallery>-Tag wird caption="…" hinzugefügt.
→Galerietitel
Bildbreite und Bildhöhe – sind auf 120×120 Pixel voreingestellt, du kannst hier einen anderen Ziffernwert ohne px angeben, andere Zeichen führen dazu, dass das Eingabefeld einen roten Rand bekommt. Dem <gallery>-Tag wird widths="…" und/oder heights="…" hinzugefügt.
→Bildgröße
Bilder pro Zeile – du kannst angeben, ob nach einer vorgegebenen Anzahl an Bildern ein Umbruch erfolgen soll. Bei drei Bildern würde der Wert 1 alle Bilder untereinander stellen. Dem <gallery>-Tag wird perrow="…" hinzugefügt.
→Bilder pro Zeile
Dateinamen anzeigen – fügt zwischen dem Bild und einer Bildbeschreibung zusätzlich den Dateinamen als sichtbaren Link in die Galerie ein. Dem <gallery>-Tag wird showfilename hinzugefügt.
CSS-Klassen und CSS-Stile – Du kannst weitere Einstellungen zu Hintergrundfarben, Ausrichtung oder Schriftgröße vornehmen. Dem <gallery>-Tag wird class="…" oder style="…" hinzugefügt.
Für die Zuweisungen siehe Hilfe:CSS#Klassen und Stile.

Weitere Informationen

Quelle: https://de.wikipedia.org/wiki/Hilfe:Galerie/VisualEditor