Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 5: Zeile 5:
Mit dem [[Handbuch:Erweiterung/VisualEditor|visuellen Editor]] lassen sich die Bilder gleichzeitig ins Wiki hochladen sowie in die Seite einfügen und formatieren.  
Mit dem [[Handbuch:Erweiterung/VisualEditor|visuellen Editor]] lassen sich die Bilder gleichzeitig ins Wiki hochladen sowie in die Seite einfügen und formatieren.  


#Klicken Sie in der Editorleiste auf ''Einfügen > Medien'':  [[Datei:VisualEditor-einfuegen-medien.png|alternativtext=Einfügen-Menü|zentriert|mini|250x250px|Einfügen-Menü]]
#Klicken Sie in der Editorleiste auf ''Einfügen > Medien'':  [[Datei:VisualEditor-einfuegen-medien.png|alt=Ausschnitt der ersten aufgeklappten Menüpunkte|zentriert|mini|250x250px|Einfügen-Menü]]
#Wechseln Sie auf den Reiter ''Hochladen''. Wählen Sie eine lokale Datei aus und klicken Sie ''Hochladen''.[[Datei:Demingkreis_PDCA.png|alternativtext=Bild hochladen|zentriert|mini|350x350px|Bild hochladen]]
#Wechseln Sie auf den Reiter ''Hochladen''. Wählen Sie eine lokale Datei aus und klicken Sie ''Hochladen''.[[Datei:Demingkreis_PDCA.png|alt=Dialogfeld "Medieneinstellungen" mit Bild, das hochgeladen wird|zentriert|mini|350x350px|Bild hochladen]]
# Geben Sie im Schritt "Einzelheiten" die geforderten Informationen an.
# Geben Sie im Schritt "Einzelheiten" die geforderten Informationen an.
##'''Zielnamensraum:''' Wenn Sie mit Namensräumen arbeiten, können Sie eine Datei mit einem Namensraum assoziieren. Die Datei wird dann wie der Zielnamensraum verrechtet.
##'''Zielnamensraum:''' Wenn Sie mit Namensräumen arbeiten, können Sie eine Datei mit einem Namensraum assoziieren. Die Datei wird dann wie der Zielnamensraum verrechtet.
Zeile 12: Zeile 12:
##'''Beschreibung:''' Wenn Sie hier eine Bildbeschreibung eingeben, wird diese in der Volltextsuche indexiert . Dies hilft dabei, die Datei später wiederzufinden (optional).
##'''Beschreibung:''' Wenn Sie hier eine Bildbeschreibung eingeben, wird diese in der Volltextsuche indexiert . Dies hilft dabei, die Datei später wiederzufinden (optional).
##'''Kategorien:''' Hier können Sie das Bild einer oder mehreren Kategorien zuordnen. Eine Bildvorschau wird dann entsprechend auf der zugehörigen Kategorienseite angezeigt.
##'''Kategorien:''' Hier können Sie das Bild einer oder mehreren Kategorien zuordnen. Eine Bildvorschau wird dann entsprechend auf der zugehörigen Kategorienseite angezeigt.
##'''Klicken''' Sie ''Speichern''. Das Bild ist nun im Wiki hochgeladen.[[Datei:VisualEditor-datei-hochladen-einzelheiten.png|alternativtext=Einzelheiten angeben|zentriert|mini|453x453px|Einzelheiten angeben]]  <br />'''Fehlermeldung beim Speichern:''' Wenn das Bild bereits existiert, wird eine Fehlermeldung angezeigt:[[Datei:VisualEditor-datei-hochladen-error.png|alternativtext=Mögliche Fehlermeldung|zentriert|mini|350x350px|Mögliche Fehlermeldung]]
##'''Klicken''' Sie ''Speichern''. Das Bild ist nun im Wiki hochgeladen.[[Datei:VisualEditor-datei-hochladen-einzelheiten.png|alt=Formular zum Ändern der Bildeigenschaften vor dem Hochladen|zentriert|mini|453x453px|Einzelheiten angeben]]  <br />'''Fehlermeldung beim Speichern:''' Wenn das Bild bereits existiert, wird eine Fehlermeldung angezeigt:[[Datei:VisualEditor-datei-hochladen-error.png|alt=Fehlermeldung für ein bereits existierendes Bild|zentriert|mini|350x350px|Mögliche Fehlermeldung]]


===Allgemeine Einstellungen ===
===Allgemeine Einstellungen ===
Zeile 21: Zeile 21:
'''Alternativtext:''' Der Alternativtext sollte unbedingt für jedes Bild eingegeben werden, da es das Bild in bestimmten Kontexten ersetzt. So zum Beispiel wird dieser Text von Bildschirmlesegeräten vorgelesen. Diese werden von Benutzern mit visuellen Einschränkungen genutzt, aber auch Suchmaschinen können diesen Text lesen. In manchen Geschäftsbereichen ist die Angabe des "Alt"-Textes auch gesetzlich in den Richtlinien zur Barrierefreiheit vorgeschrieben. Sollten Sie sich nicht sicher sein, fragen Sie entsprechend in Ihrem Unternehmen nach.
'''Alternativtext:''' Der Alternativtext sollte unbedingt für jedes Bild eingegeben werden, da es das Bild in bestimmten Kontexten ersetzt. So zum Beispiel wird dieser Text von Bildschirmlesegeräten vorgelesen. Diese werden von Benutzern mit visuellen Einschränkungen genutzt, aber auch Suchmaschinen können diesen Text lesen. In manchen Geschäftsbereichen ist die Angabe des "Alt"-Textes auch gesetzlich in den Richtlinien zur Barrierefreiheit vorgeschrieben. Sollten Sie sich nicht sicher sein, fragen Sie entsprechend in Ihrem Unternehmen nach.
<br />
<br />
[[Datei:VisualEditor-datei-hochladen-allgemein.png|alternativtext=Allgemeine Einstellungen|zentriert|mini|350x350px|Allgemeine Einstellungen]]
[[Datei:VisualEditor-datei-hochladen-allgemein.png|alt=Dialogfeld zur Eingabe der Bildbeschriftung und des Alternativtexts|zentriert|mini|350x350px|Allgemeine Einstellungen]]


===Erweiterte Einstellungen===
===Erweiterte Einstellungen===
Unter den erweiterten Einstellungen legen Sie Art der Bildansicht fest:
Unter den erweiterten Einstellungen legen Sie Art der Bildansicht fest:
[[Datei:VisualEditor-datei-hochladen-erweitert.png|alternativtext=Erweiterte Einstellungen|zentriert|mini|387x387px|Erweiterte Einstellungen]]'''Position:'''  
[[Datei:VisualEditor-datei-hochladen-erweitert.png|alt=Eingabefelder zur Bildformatierung|zentriert|mini|387x387px|Erweiterte Einstellungen: Position (1), Bildtyp (2), Bildbreite (3), Bildhöhe (4)]]'''Position:'''  


Wenn diese Auswahlkästchen deaktiviert ist, wird das Bild einfach linksbündig zwischen zwei Textzeilen eingefügt.
In den erweiterten Einstellungen können Sie Position (Bildausrichtung), Bildtyp, Bildbreite und Bildhöhe einstellen.
*Text um dieses Objekt umbrechen:
*Text um dieses Objekt umbrechen: Wenn diese Auswahlkästchen deaktiviert ist, wird das Bild einfach linksbündig zwischen zwei Textzeilen eingefügt. Wenn das Kästchen aktiviert ist, können folgende Positionierungen ausgewählt werden:
**''Links:'' Das Bild wird auf der linken Seite des Texts angezeigt, beginnend in der ersten Zeile des aktuellen Absatzes.
**''Links:'' Das Bild wird auf der linken Seite des Texts angezeigt. Der Seiteninhalt umfließt das Bild.
**''Mitte:'' Das Bild wird zentriert über dem aktuellen Absatz angezeigt.
**''Mitte:'' Das Bild wird zentriert zwischen den Zeilen angezeigt.
**''Rechts:'' Das Bild wird rechts neben dem Text angezeigt, beginnend in der ersten Zeile des aktuellen Absatzes.
**''Rechts:'' Das Bild wird rechts neben dem Text angezeigt. Der Seiteninhalt umfließt das Bild.
'''Bildtyp:'''
'''Bildtyp:'''
{| class="wikitable"
{| class="wikitable"
Zeile 40: Zeile 40:
|-
|-
|Vorschaubild
|Vorschaubild
|[[Datei:Bild.jpg|alternativtext=Beispiel für ein Vorschaubild|zentriert|mini|Dies ist die Beschriftung.]]
|[[Datei:Bild.jpg|alt=Mann in einem Büro als Vorschaubild formatiert|zentriert|mini|Dies ist die Beschriftung.]]
|Das Vorschaubild zeigt das Bild mit einer Standardbreite von 300px. Die Breite kann nach Bedarf angepasst werden.
|Das Vorschaubild zeigt das Bild mit einer Standardbreite von 300px. Die Breite kann nach Bedarf angepasst werden.


Zeile 46: Zeile 46:
|-
|-
|Rahmenlos
|Rahmenlos
|[[Datei:Bild.jpg|alternativtext=Bild|zentriert|rahmenlos]]
|[[Datei:Bild.jpg|alt=Mann in einem Büro als rahmenloses Bild formatiert|zentriert|rahmenlos]]
| Die rahmenlose Version zeigt das Bild ohne einen Rahmen. Die Breite kann nach Bedarf angepasst werden (hier setzen wir das Beispiel auf 300px).
| Die rahmenlose Version zeigt das Bild ohne einen Rahmen. Die Breite kann nach Bedarf angepasst werden (hier setzen wir das Beispiel auf 300px).


Zeile 56: Zeile 56:
|-
|-
|Rahmen
|Rahmen
|[[Datei:Bild.jpg|alternativtext=Beispiel: Bildtyp frame|ohne|gerahmt|300x300px|Dies ist die Beschriftung]]<br />
|[[Datei:Bild.jpg|alt=Mann in einem Büro als Bild mit Rahmen formatiert|ohne|gerahmt|Dies ist die Beschriftung]]<br />
| Die gerahmte Version ähnelt dem Vorschaubild. Im Vergleich zur Vorschau wird das Lupensymbol nicht angezeigt und als Vollbild auf der Seite eingefügt.
| Die gerahmte Version ähnelt dem Vorschaubild. Im Vergleich zur Vorschau wird das Lupensymbol nicht angezeigt und als Vollbild auf der Seite eingefügt.


Zeile 63: Zeile 63:
|-
|-
|Einfach
|Einfach
|[[Datei:Bild.jpg|300x300px]]
|[[Datei:Bild.jpg|300x300px|alternativtext=Mann in einem Büro als einfaches Bild formatiert]]
|Die einfache Version funktioniert wie die rahmenlose Version.
|Die einfache Version funktioniert wie die rahmenlose Version.
Standardmäßig wird kein Text umbrochen, sondern der Text wird an der Stelle unterbrochen, an der er eingefügt wurde.
Standardmäßig wird kein Text umbrochen, sondern der Text wird an der Stelle unterbrochen, an der er eingefügt wurde.
Zeile 76: Zeile 76:


== Drag-and-drop Einbindung ==
== Drag-and-drop Einbindung ==
Ein Bild kann im visuellen Edit-Modus direkt mit der Maus vom Datei-Ordner ins Wiki gezogen werden. Die Standard-Bildeinstellungen können in der [[Handbuch:Erweiterung/BlueSpiceConfigManager#EnhancedUpload|Konfigurationsverwaltung]] angepasst werden.
Ein Bild kann im visuellen Edit-Modus direkt mit der Maus vom Datei-Ordner ins Wiki gezogen werden. Es ist wichtig, dass beim Einfügen eine horizontale Linie die Einfügungsstelle markiert. Ansonsten wird das Bild nicht verarbeitet.
[[Datei:drag and drop.png|alt=Screenshot der Einfügungslinie|zentriert|mini|650x650px|Einfügungslinie bei Drag-and-drop]]
 
=== Drag-and-drop Einstellungen {{Bsvs|bsvFrom=4.3|bsvTo=|bsvFeature=}} ===
Die Standard-Bildeinstellungen für Drag-and-drop Bildupload können in der [[Handbuch:Erweiterung/BlueSpiceConfigManager#Enhanced_Upload_v4.3.2B|Konfigurationsverwaltung]] angepasst werden. Diese Einstellung wird nicht bei Einfügen von bereits existierenden Bildern angewandt.


==Wo speichere ich das Bild?==
==Wo speichere ich das Bild?==
Sie können Bilder und Dateien problemlos im (Haupt-) Namenstraum speichern. Wenn Sie zusätzliche Namensräume erstellt haben, können Sie Bilder auch dort speichern. Voraussetzung ist die Erweiterung [[Referenz:NSFileRepo|BlueSpiceNSFileRepo]] (Teil von BlueSpice pro) und die entsprechenden Zugriffsrechte auf den jeweiligen Namensraum. Wenn Bilder allgemein verwendbar sein sollen und keinen Zugriffsbeschränkungen unterliegen, sollten Bilder im Hauptnamensraum (Seiten) gespeichert werden.
Sie können Bilder und Dateien problemlos im (Haupt-) Namenstraum speichern. Wenn Sie zusätzliche Namensräume erstellt haben, können Sie Bilder auch dort speichern. Voraussetzung ist die Erweiterung [[Referenz:NSFileRepo|BlueSpiceNSFileRepo]] (Teil von BlueSpice pro) und die entsprechenden Zugriffsrechte auf den jeweiligen Namensraum. Wenn Bilder allgemein verwendbar sein sollen und keinen Zugriffsbeschränkungen unterliegen, sollten Bilder im Hauptnamensraum (Seiten) gespeichert werden.


==Wie ändere ich ein bereits hochgeladenes Bild?==
== Wie ändere ich ein bereits hochgeladenes Bild?==
Im Bearbeitungsmodus der Seite ist es möglich, das Bild mit einem Doppelklick zu bearbeiten. Verwenden Sie die Schaltfläche "Bild ändern", um das Bild entsprechend auszutauschen.
Im Bearbeitungsmodus der Seite ist es möglich, das Bild mit einem Doppelklick zu bearbeiten. Verwenden Sie die Schaltfläche "Bild ändern", um das Bild entsprechend auszutauschen.


Wenn Sie eine neue Version desselben Bildes verwenden möchten, öffnen Sie die Seite "Spezial: Datei hochladen" in einem neuen Browser-Tab (damit Sie keine Änderungen auf Ihrer Wiki-Seite verlieren). Dort können Sie bereits vorhandene Bilder mit oder ohne Warnung wieder unter demselben Namen speichern. Das Originalbild bleibt als Version erhalten.
Wenn Sie eine neue Version desselben Bildes verwenden möchten, öffnen Sie die Seite "Spezial: Datei hochladen" in einem neuen Browser-Tab (damit Sie keine Änderungen auf Ihrer Wiki-Seite verlieren). Dort können Sie bereits vorhandene Bilder mit oder ohne Warnung wieder unter demselben Namen speichern. Das Originalbild bleibt als Version erhalten.
== Bilder als Galerie darstellen ==
Bilder können auch im Galerieformat auf einer Seite angezeigt werden. Die Dokumentation hierzu finden Sie auf https://de.wikipedia.org/wiki/Hilfe:Galerie/VisualEditor.
[[Datei:ve galerie beispiel.png|alternativtext=Galerie von 5 Tieren: Rotkehlchen, Gänse, Komodowaran, Hauskatze und Schildkröte|zentriert|mini|650x650px|Beispiel-Galerie]]
[[de:{{FULLPAGENAME}}]]
[[de:{{FULLPAGENAME}}]]
[[en:Manual:VisualEditor/Images]]
[[en:Manual:Extension/VisualEditor/Insert_images]]


[[Category:Bearbeitung]]
[[Category:Bearbeitung]]

Aktuelle Version vom 16. Mai 2024, 14:32 Uhr


Bild hochladen[Bearbeiten | Quelltext bearbeiten]

Mit dem visuellen Editor lassen sich die Bilder gleichzeitig ins Wiki hochladen sowie in die Seite einfügen und formatieren.

  1. Klicken Sie in der Editorleiste auf Einfügen > Medien:
    Ausschnitt der ersten aufgeklappten Menüpunkte
    Einfügen-Menü
  2. Wechseln Sie auf den Reiter Hochladen. Wählen Sie eine lokale Datei aus und klicken Sie Hochladen.
    Dialogfeld "Medieneinstellungen" mit Bild, das hochgeladen wird
    Bild hochladen
  3. Geben Sie im Schritt "Einzelheiten" die geforderten Informationen an.
    1. Zielnamensraum: Wenn Sie mit Namensräumen arbeiten, können Sie eine Datei mit einem Namensraum assoziieren. Die Datei wird dann wie der Zielnamensraum verrechtet.
    2. Name: Wenn Sie den Dateinamen im Wiki ändern wollen, ändern Sie den Namen hier (optional).
    3. Beschreibung: Wenn Sie hier eine Bildbeschreibung eingeben, wird diese in der Volltextsuche indexiert . Dies hilft dabei, die Datei später wiederzufinden (optional).
    4. Kategorien: Hier können Sie das Bild einer oder mehreren Kategorien zuordnen. Eine Bildvorschau wird dann entsprechend auf der zugehörigen Kategorienseite angezeigt.
    5. Klicken Sie Speichern. Das Bild ist nun im Wiki hochgeladen.
      Formular zum Ändern der Bildeigenschaften vor dem Hochladen
      Einzelheiten angeben

      Fehlermeldung beim Speichern: Wenn das Bild bereits existiert, wird eine Fehlermeldung angezeigt:
      Fehlermeldung für ein bereits existierendes Bild
      Mögliche Fehlermeldung

Allgemeine Einstellungen[Bearbeiten | Quelltext bearbeiten]

In den allgemeinen Einstellungen wird das Bild für verschiedene Zwecke beschrieben.

Beschriftung: Die Beschriftung wird in Bilddarstellungen mit Rahmen und beim Vorschaubild genutzt.

Alternativtext: Der Alternativtext sollte unbedingt für jedes Bild eingegeben werden, da es das Bild in bestimmten Kontexten ersetzt. So zum Beispiel wird dieser Text von Bildschirmlesegeräten vorgelesen. Diese werden von Benutzern mit visuellen Einschränkungen genutzt, aber auch Suchmaschinen können diesen Text lesen. In manchen Geschäftsbereichen ist die Angabe des "Alt"-Textes auch gesetzlich in den Richtlinien zur Barrierefreiheit vorgeschrieben. Sollten Sie sich nicht sicher sein, fragen Sie entsprechend in Ihrem Unternehmen nach.

Dialogfeld zur Eingabe der Bildbeschriftung und des Alternativtexts
Allgemeine Einstellungen

Erweiterte Einstellungen[Bearbeiten | Quelltext bearbeiten]

Unter den erweiterten Einstellungen legen Sie Art der Bildansicht fest:

Eingabefelder zur Bildformatierung
Erweiterte Einstellungen: Position (1), Bildtyp (2), Bildbreite (3), Bildhöhe (4)

Position:

In den erweiterten Einstellungen können Sie Position (Bildausrichtung), Bildtyp, Bildbreite und Bildhöhe einstellen.

  • Text um dieses Objekt umbrechen: Wenn diese Auswahlkästchen deaktiviert ist, wird das Bild einfach linksbündig zwischen zwei Textzeilen eingefügt. Wenn das Kästchen aktiviert ist, können folgende Positionierungen ausgewählt werden:
    • Links: Das Bild wird auf der linken Seite des Texts angezeigt. Der Seiteninhalt umfließt das Bild.
    • Mitte: Das Bild wird zentriert zwischen den Zeilen angezeigt.
    • Rechts: Das Bild wird rechts neben dem Text angezeigt. Der Seiteninhalt umfließt das Bild.

Bildtyp:

Bildtyp Ausgabe Beschreibung
Vorschaubild
Mann in einem Büro als Vorschaubild formatiert
Dies ist die Beschriftung.
Das Vorschaubild zeigt das Bild mit einer Standardbreite von 300px. Die Breite kann nach Bedarf angepasst werden.

Zusätzlich wird die Bildunterschrift unter dem Bild angezeigt. Ein Vergrößerungssymbol zeigt an, dass das Bild vergrößert betrachtet werden kann.

Rahmenlos
Mann in einem Büro als rahmenloses Bild formatiert
Die rahmenlose Version zeigt das Bild ohne einen Rahmen. Die Breite kann nach Bedarf angepasst werden (hier setzen wir das Beispiel auf 300px).

Die Bildunterschrift wird nicht unter dem Bild angezeigt.

Standardmäßig wird das Bild ohne Textumbruch eingefügt. Es wird einen Satz genau dort aufbrechen, wo er eingefügt wird. Das Bild wird standardmäßig zentriert angezeigt.

Die Bildgröße und -position können jedoch nach Bedarf angepasst werden.

Rahmen
Mann in einem Büro als Bild mit Rahmen formatiert
Dies ist die Beschriftung

Die gerahmte Version ähnelt dem Vorschaubild. Im Vergleich zur Vorschau wird das Lupensymbol nicht angezeigt und als Vollbild auf der Seite eingefügt.


Die Größe kann nicht angepasst werden.

Einfach Mann in einem Büro als einfaches Bild formatiert Die einfache Version funktioniert wie die rahmenlose Version.

Standardmäßig wird kein Text umbrochen, sondern der Text wird an der Stelle unterbrochen, an der er eingefügt wurde.

Das Bild wird in voller Breite eingefügt, während das rahmenlose Bild in Miniaturbildbreite (300px) eingefügt wird. Die Größe kann jedoch angepasst werden.

  • Bildgröße:
    • Standard: zeigt das Bild mit einer Breite von 300px an.
    • Benutzerdefiniert: ermöglicht die Eingabe einer benutzerdefinierten Größe.
    • Vollständige Größe: Setzt die Größe auf die tatsächliche Größe des Bildes zurück.

Drag-and-drop Einbindung[Bearbeiten | Quelltext bearbeiten]

Ein Bild kann im visuellen Edit-Modus direkt mit der Maus vom Datei-Ordner ins Wiki gezogen werden. Es ist wichtig, dass beim Einfügen eine horizontale Linie die Einfügungsstelle markiert. Ansonsten wird das Bild nicht verarbeitet.

Screenshot der Einfügungslinie
Einfügungslinie bei Drag-and-drop

Drag-and-drop Einstellungen   v4.3+[Bearbeiten | Quelltext bearbeiten]

Die Standard-Bildeinstellungen für Drag-and-drop Bildupload können in der Konfigurationsverwaltung angepasst werden. Diese Einstellung wird nicht bei Einfügen von bereits existierenden Bildern angewandt.

Wo speichere ich das Bild?[Bearbeiten | Quelltext bearbeiten]

Sie können Bilder und Dateien problemlos im (Haupt-) Namenstraum speichern. Wenn Sie zusätzliche Namensräume erstellt haben, können Sie Bilder auch dort speichern. Voraussetzung ist die Erweiterung BlueSpiceNSFileRepo (Teil von BlueSpice pro) und die entsprechenden Zugriffsrechte auf den jeweiligen Namensraum. Wenn Bilder allgemein verwendbar sein sollen und keinen Zugriffsbeschränkungen unterliegen, sollten Bilder im Hauptnamensraum (Seiten) gespeichert werden.

Wie ändere ich ein bereits hochgeladenes Bild?[Bearbeiten | Quelltext bearbeiten]

Im Bearbeitungsmodus der Seite ist es möglich, das Bild mit einem Doppelklick zu bearbeiten. Verwenden Sie die Schaltfläche "Bild ändern", um das Bild entsprechend auszutauschen.

Wenn Sie eine neue Version desselben Bildes verwenden möchten, öffnen Sie die Seite "Spezial: Datei hochladen" in einem neuen Browser-Tab (damit Sie keine Änderungen auf Ihrer Wiki-Seite verlieren). Dort können Sie bereits vorhandene Bilder mit oder ohne Warnung wieder unter demselben Namen speichern. Das Originalbild bleibt als Version erhalten.

Bilder als Galerie darstellen[Bearbeiten | Quelltext bearbeiten]

Bilder können auch im Galerieformat auf einer Seite angezeigt werden. Die Dokumentation hierzu finden Sie auf https://de.wikipedia.org/wiki/Hilfe:Galerie/VisualEditor.

Galerie von 5 Tieren: Rotkehlchen, Gänse, Komodowaran, Hauskatze und Schildkröte
Beispiel-Galerie




Feedback zur Dokumentation ist im Community-Forum möglich.