Einbinden von Bildern oder Assets

Einfügen von Bildern

Sobald Sie im Bearbeitungsmodus (Edit) des gewünschten Dokumentes sind, können Sie Bilder in verschiedene Modulen einfügen. Die Bilder werden damit im Frontend sichtbar angezeigt. Zur Erklärung nehmen wir in diesem Beispiel das Modul “Text/Bild”.

Nach Hinzufügen des Moduls “Text/Bild” befindet sich in dem Modul die Schaltfläche “Bild hinzufügen” auf der rechten Seite.

Beim Modul “Galerie” gibt es noch eine zusätzliche Schaltfläche “Bilder für Galerie einfügen”, welche den identischen Vorgang startet, aber das Einfügen von mehreren Bildern nacheinander ermöglicht.

Bild-Box in Flex-Modulen

Nachdem Sie die Schaltfläche angeklickt haben, öffnet sich ein neues Fenster, der sogenannte Referenzbrowser. In dem darin geöffneten “Media Manager” suchen Sie das gewünschte Bild. Sie haben dann zwei Möglichkeiten, ein Bild einzufügen.

Normalerweise können Sie direkt die Schaltfläche “Einfügen” nutzen. Damit fügen Sie das Bild in der Variante “Original” ein. In den meisten Fällen kann diese Variante genutzt werden.

Schaltfläche "Einfügen"

Wenn Sie eine eigene Variante erzeugt haben (Hinweise dazu siehe Bearbeitung von Bildern), können Sie diese auch einbinden. Dazu klicken Sie auf den kleinen Pfeil neben “Einfügen” und dort auf die Option “Varianten anzeigen”. In dieser Ansicht klicken Sie links auf die gewünschte Variante und dann unten auf “Variante einfügen”.

Variante auswählen

Wenn das Einfügen des Bildes geklappt hat, wird dies oben mit einer grünen Bestätigung “Mediendatei eingefügt” angezeigt.

Sie können den Referenzbrowser dann schließen (schließt sich nach dem Einfügen nicht automatisch).

Bestätigung nach dem Einfügen

Nach dem Schließen vom Referenzbrowser sehen Sie im Modul, dass das gewünschte Bild eingefügt wurde. Die Textfelder “Alternativer Text für das Bild” und “Copyright” sind hier bereits ausgefüllt. Die Informationen daraus stammen aus den eingegebenen Texten beim Hochladen des Bildes. Das Feld “Bild-Unterschrift” können Sie bei Bedarf befüllen.

Der alternative Text kann nach dem Einfügen noch einmal bearbeitet werden. Das Copyright ist in der Bearbeitung einer Seite nicht änderbar. Beide Felder sind Pflichtfelder.

Die “Copyright-Anzeige” kann ausgeschaltet werden. Bitte nutzen Sie diese Option nur, wenn die Rechte der Bilder bei Ihnen bzw. Ihrer Verwaltung liegen. Für Bilder aus den Bilddatenbanken Adobe Stock, Depositphotos und Fotolia kann die Anzeige des Copyrights nicht abgeschaltet werden.

Die Angabe zur “Bild-URL” wird nicht angezeigt, solange kein Bild geladen ist. Sobald Sie ein Bild hinzufügen, wird Ihnen im unteren Bereich der Bild-Box nach “Bild-URL” die URL zum aktuell eingefügten Bild angezeigt. Wenn Sie das Bild austauschen, wird die Bild-URL des neuen Bildes angezeigt.

Mit dem Button “Diese Bild-Box leeren” werden alle Eingaben aus der Bild-Box entfernt.

ausgefüllte Bild-Box mit Bild-URL

Nun haben Sie bei einigen Modulen noch die Möglichkeit, das Bild mit der “Bildausrichtung” zu positionieren oder mit “Bilddarstellung” in der jeweiligen Anzeige zu verändern.

Beim Text-Bild-Modul sind die meisten Optionen verfügbar. Dort können Sie die Ausrichtung auf “linksbündig/rechtsbündig” und die Darstellung auf “4:3 Standard Querformat / 3:4 Standard Hochformat / Rebrush halbe Seite / maximale Breite” einstellen. Bei anderen Modulen bestehen weniger bis gar keine dieser Möglichkeiten.

Bilddarstellung / Bildausrichtung

Das Bild ist jetzt eingefügt und für eine Anzeige auf den Live-Seiten bereit.

Wenn Sie die Seite mit dem eingefügten Bild veröffentlichen, wird dieses ebenfalls veröffentlicht.

Redaktioneller Hinweis zu Fotolia-Bildern

Wenn Sie Bilder aus der Rubrik “Fotolia” verwenden, nutzen Sie bitte immer die Variante “ORIGINAL”. Die Größe “MaxSize” entspricht der Originalgröße des Bildes, welche nicht im Internet genutzt werden darf.

Einfügen von Assets

Sobald Sie im Bearbeitungsmodus (Edit) der gewünschten Seite sind, können Sie Assets in einigen Modulen (bspw. Download-Multi und Video/Audio) sowie in einigen Templates (bspw. SimpleSearch) einfügen. Zur Erklärung nehmen wir in diesem Beispiel das Modul “Download-Multi”.

Nachdem Sie das Download-Multi-Modul eingefügt haben, sehen Sie die Schaltfläche “Downloads einfügen”. Bei anderen Modulen und in Templates finden Sie den Button “Linktool”.

Schaltfläche "Downloads einfügen"

Nachdem Sie auf die Schaltfläche “Downloads einfügen” oder “Linktool” geklickt haben, öffnet sich ein neues Fenster “Media Management” als sogenannter Referenzbrowser.

In diesem Fenster haben Sie nun die Möglichkeit, nach dem gewünschten Asset zu suchen. Dies kann z.B. eine PDF-Datei, eine Word-Datei oder eine Audiodatei sein. Nachdem Sie das gewünschte Asset gefunden haben, können Sie dies mittels Klick auf die Schaltfläche “Einfügen” auswählen.

Schaltfläche "Einfügen"

Nachdem das Asset erfolgreich eingefügt wurde, erscheint oben eine grüne Bestätigung “Mediadatei eingefügt”.

Bestätigung vom Einfügen

Im Download-Multi-Modul können Sie jetzt noch weitere Assets mit “Einfügen” wählen, die in das Modul eingefügt werden sollen. Wenn Sie alle gewählt haben, schließen Sie den “Media Manager”.

Nach dem Schließen sehen Sie, dass sich ein oder mehrere Blöcke mit den Downloads geöffnet haben. Hier finden Sie ebenfalls den Button “Linktool”, um ggf. ein Asset in diesem Block auszutauschen.

Wenn Sie ein anderes Flex-Modul nutzen oder in einem Template sind, können Sie den “Media Manager” nach dem Einfügen des einen Assets schließen (schließt sich nach dem Einfügen nicht automatisch). Nachdem Sie den “Media Manager geschlossen” haben, sehen Sie das eingefügte Asset.

Block mit eingefügtem Download

Sie haben nun die Möglichkeit, kleine Bearbeitungen vorzunehmen. Sie können das Copyright ändern oder den Titel des Assets zur Anzeige auf der Seite nochmal gesondert bearbeiten.

Das Asset ist aber grundsätzlich eingefügt und für einen Download, eine Anzeige oder eine Nutzung auf den Live-Seiten bereit.

Wenn Sie die Seite mit den eingefügten Assets veröffentlichen, werden diese Assets ebenfalls veröffentlicht.