Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| 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| | #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| | #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| | ##'''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| | [[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| | [[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:''' | ||
In den erweiterten Einstellungen können Sie Position (Bildausrichtung), Bildtyp, Bildbreite und Bildhöhe einstellen. | In den erweiterten Einstellungen können Sie Position (Bildausrichtung), Bildtyp, Bildbreite und Bildhöhe einstellen. | ||
| Zeile 40: | Zeile 40: | ||
|- | |- | ||
|Vorschaubild | |Vorschaubild | ||
|[[Datei:Bild.jpg| | |[[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| | |[[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| | |[[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 77: | Zeile 77: | ||
== 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. Es ist wichtig, dass beim Einfügen eine horizontale Linie die Einfügungsstelle markiert. Ansonsten wird das Bild nicht verarbeitet. | 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| | [[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=}} === | === Drag-and-drop Einstellungen {{Bsvs|bsvFrom=4.3|bsvTo=|bsvFeature=}} === | ||
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.
- Klicken Sie in der Editorleiste auf Einfügen > Medien:
- Wechseln Sie auf den Reiter Hochladen. Wählen Sie eine lokale Datei aus und klicken Sie Hochladen.
- 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.
- Name: Wenn Sie den Dateinamen im Wiki ändern wollen, ändern Sie den Namen hier (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.
- Klicken Sie Speichern. Das Bild ist nun im Wiki hochgeladen.
Fehlermeldung beim Speichern: Wenn das Bild bereits existiert, wird eine Fehlermeldung angezeigt:
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.
Erweiterte Einstellungen[Bearbeiten | Quelltext bearbeiten]
Unter den erweiterten Einstellungen legen Sie Art der Bildansicht fest:
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 | 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 |  |
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 | 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.
|
| Einfach |
|
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.
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.
