Bilder einfügen
Bilder können alleinstehend oder zusammen mit Text eingebaut werden. Es können auch gleichzeitig mehrere Bilder eingebettet werden, die nebeneinander oder untereinander angeordnet werden können.
Bevor Sie Bilder in das Inhaltselement einbauen, müssen diese (z.B. JPG-Bilder) in die Filelist hochgeladen werden.
Bilder für die Webseite vorbereiten
Bilder müssen vor dem Hochladen auf die Webseite vorbereitet werden:
- Laden Sie Bilder nicht einfach von der Kamera in die Webseite oder ins Dateisystem der Webseite
- Bearbeiten Sie die Bilder im Vorfeld in einem Bildbearbeitungsprogramm (z.B. Photoshop):
- Dateinamen ändern
- Verkleinern Sie die Bildgröße auf die Maße wie sie dann in der Webseite dargestellt werden sollen
- Verwenden Sie nur Bilder im Dateiformat jpg/jpeg, gif, png, svg oder webp
- Erstellen Sie die Bilder mit gleicher Breite und Höhe, wenn sie zusammen in das gleiche Inhaltselement eingebaut werden – bevor Sie sie in die Filelist der Webseite hochladen.
- Beim Layout mit rechter Spalte ist die maximale Breite der Bilder 936 Pixel, beim Layout ohne rechte Spalte ist die maximale Breite 1176 Pixel.
Inhaltselement "Text&Media" anlegen
Um Mediaelemente (Bilder, Video, Audio) in ein Inhaltselement einzufügen, wählen Sie als Content Element Type "Text & Media" aus.
Bilder einfügen
- Klicken Sie im Reiter Media auf Add media file (Bild 2, Nr. 1). Die Filelist öffnet sich in einem Pop-Up-Fenster.
- Jetzt können Sie dem Inhaltselement ein oder mehrere Bilder hinzufügen.
- Die Metadaten der Bilder (Image Metadata) können Sie bearbeiten, wenn Sie im Backend das jeweilige Bild (Bild 2, Nr. 2) anklicken.
Darstellungsoptionen
Unterhalb der Bilderauswahl werden nun die Media Adjustments gesetzt, die gleichermaßen für alle oben ausgewählten Bilder gelten:
- Geben Sie entweder die Breite oder die Höhe ein (Bild 3, Nr. 1). Bitte nur einen der beiden Werte eintragen!
- Wählen Sie den Textfluss: Wie ist die Position der Media-Elemente in Bezug auf den Text (Bild 3, Nr. 2)?
- Number of Columns (Bild 3, Nr. 3):
- Sollen mehrere Bilder untereinander dargestellt werden, wählen Sie Number of Columns = 1.
- Möchten Sie mehrere Bilder nebeneinander platzieren, wählen Sie die gewünschte Anzahl der Spalten (max. 9).
- Enlarge on Click (Bild 3, Nr. 4): Diese Funktion ist nur für Bilder verfügbar. Weitere Informationen dazu finden Sie in der Beschreibung der Bildergalerie-Funktion.
Reihenfolge der Elemente ändern
Die Reihenfolge der Mediaelemente kann per Drag & Drop geändert werden:
- Klicken und halten Sie den "Festhalter" (Bild 4) und ziehen das Bild an die gewünschte Position.