Hilfe:Galerie/VisualEditor

Aus Beta Wikipedia
Zur Navigation springen Zur Suche springen
Logo
Logo
icon Bilder und Medien
icon Vorlage
icon Tabelle
icon Mehr
icon Bilder und Medien
icon Vorlage
icon Tabelle
icon Kommentar
icon Hieroglyphen
icon Notenschrift
icon Deine Unterschrift
icon Galerie
icon Chemische Formel
icon Math-Formel
icon Karte
icon Codeblock
icon Diagramm
icon Einzelnachweisliste
icon Weniger

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 icon Galerie, der sichtbar wird, wenn du das Menü über die Option icon Mehr weiter ausklappst.

i 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 icon Medien. Möchtest du zwei Bilder nebeneinander oder untereinander einfügen kannst du zudem die Vorlagen {{Doppeltes Bild}} oder {{Mehrere Bilder}} dafür verwenden.

Logo
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 0

⧼Visualeditor-dialog-media-noresults⧽
Du kannst den Text im Eingabefeld ändern, um nach passenden Bildern zu suchen.
Galerie
Einfügen
0Bilder0Optionen
Die Galerie ist leer.
 Antelope Canyon 0

Wähle nun durch Anklicken ein Bild aus der Listen mit den Vorschaubildern aus und füge in das Eingabefeld eine kurze Bildbeschreibung ein.

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

Galerie
0Bilder0Optionen
 Bildbeschreibung 0
0

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.

Abbrechen – 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.

Logo
Galeriebearbeitung
Klicke die Galerie an, die du bearbeiten möchtest und anschließend auf die Schaltfläche Bearbeiten
icon Galerie
Ü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.

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

Galerie
0Bilder0Optionen
Anzeigemodus
 Traditionell| 0
Galerieüberschrift
 ⧼Visualeditor-mwgallerydialog-caption-input-placeholder⧽ 0
Bildbreite
 Standardbreite: 120 Pixel 0
Bildhöhe
 Standardhöhe: 120 Pixel 0
Bilder pro Zeile
 0
Dateinamen anzeigen 0
CSS-Klassen
 Klassennamen, leerzeichengetrennt 0
CSS-Stile
 CSS-Regeln, semikolongetrennt 0

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
i 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 anzeigenHäkchen 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[Bearbeiten | Quelltext bearbeiten]