| Info |
|---|
Über die Detailseite von Bildersammlungen können berechtigte Benutzer:innen die Bilder einer Sammlung verwenden und über das Kontextmenü auf den Bildern die folgenden folgende Funktionen abrufen:
Mithilfe der Funktion “Bild-Links abrufen” können die |
Funktionalitäten der Detailseite von Bildersammlungen
Bilder merken
Bild in nativer Auflösung anzeigen
Bildkopien finden und verwalten
Bild-Links abrufen
Inhaltsverzeichnis
| Expand | ||||
|---|---|---|---|---|
| ||||
|
Detailseite
bearbeitet werden. Außerdem stehen über dem Kontextmenü des jeweiligen Bildes weitere Funktionen zur Verfügung: “Bilder merken”, “Bild in nativer Auflösung anzeigen”, “Bildkopien finden und verwalten” sowie “Bild-Links abrufen”.Per Klick auf den Bild-Links können verschiedene Größen-Varianten der Bilder abgerufen und im HTML-Teasermanagement, auf Statischen Seiten oder mithilfe der “Code-einbetten”-Funktion in Inhalte eingefügt werden.
Details
Detailseitevon Bildersammlungen
Die Detailseite der Bildersammlung kann über “Verwaltung von Bildersammlungen” aufgerufen werden. Benutzer benötigen hierfür folgende Berechtigungen:
Berechtigungsrolle | Beschreibung |
|---|---|
Bildersammlungen verwalten | Darf auf die Übersicht aller Bildersammlungen zugreifen, diese verwenden und verwalten. |
Bildersammlungen verwenden | Darf auf die Übersicht aller Bildersammlungen zugreifen und diese verwenden. |
Breadcrumb
Die Breadcrumb der Seite ist wie folgt aufgebaut:
Home-Icon (mit Verlinkung auf /) → ADMINISTRATION & MODERATION (mit Verlinkung auf /admin)→ VERWALTUNG BILDERSAMMLUNGEN (mit Verlinkung auf /admin/media/collection)→ H1 der Bildersammlung
Standard-Aufbau der Seite
H1: der Name der Bildersammlung
Kontextmenü der Detailseite
Bilder mit eigenen Kontextmeüs
Funktionen der Seite
Bildersammlung bearbeiten (Kontextmenü der Detailseite)
:innen mit der Berechtigung “Bildersammlungen verwalten” oder “Bildersammlungen verwenden” über die Verwaltung von Bildersammlungen aufgerufen werden.
Funktionen der Seite
Über das Kontextmenü ( ⠇) der Detailseite kann zum Bearbeitungsformular für Bildersammlungen abgesprungen werden, um die entsprechende Sammlung zu bearbeitet. Außerdem stehen über dem Kontextmenü ( ⠇) des jeweiligen Bildes folgende Funktionen zur Verfügung:
Bilder merken
Bild in nativer Auflösung anzeigen (Kontextmenü des jeweiligen Bildes)
Bildkopien finden und verwalten (Kontextmenü des jeweiligen Bildes)
Bild-Links abrufen (Kontextmenü des jeweiligen Bildes)
Aufbau der Detailseite (Bildersammlungen)
Bild-Links
Mithilfe der Funktion “Bild-Links abrufen”können dieimg-URLs für 
Absprung zum Bearbeitungsformular über das Kontextmenü auf der Detailseite der Bildersammlung
Über das Kontextmenü eines Bildes aufrufbare Funktionen auf der Detailseite der Bildersammlung
Per Klick auf den Bild-Links können verschiedene Größen-Varianten der Bilder abgerufen werden und im HTML-Teasermanagement, auf Statischen statischen Seiten oder mithilfe der “Code-einbetten”-Funktion in Inhalten genutzt Inhalte eingefügt werden. Alternativ
Bild-Links
Mithilfe der Funktion “Bild-Links abrufen”kann über ein Drop-Downdown-Menü auch das responsive Figure figure-Tag mit Lazy-Loading zum direkten Einfügen abgerufen werden.
Da zur Generierung der Bildgrößen-Varianten das Bild gespeichert/veröffentlicht werden muss, können die Bild-Links ausschließlich auf veröffentlichten Detailseiten abgerufen werden.
Soll ein Bild-Link verwendet und das zugehörige Bild nachträglich rotiert werden, so müssen die verwendeten Bild-Links aktualisiert Der abgerufene Code kann im HTML-Teasermanagement, auf statischen Seiten oder mithilfe der “Code einbetten”-Funktion in Inhalten genutzt werden. Des Weiteren können die img-URLs für verschiedene Bildgrößen-Varianten der Bilder abgerufen und mit einem Klick kopiert werden.
Bild-Links abrufen
Solange die Bilder noch nicht bei Cloudfront abgelegt sind (siehe Bilder-Handling im Portal), können die Bild-Links noch nicht abgerufen werden.
Sobald die Bilder auf CloudFront (S3) geladen worden sind, kann die 
Mit Klick auf Funktion “Bild-Links abrufen”
Die Funktion öffnet sich
Noch einfacher ein Overlay.
Im Overlay kann über ein Drop-
down-Menü
das responsive
figure-Tag
mit Lazy-Loading (siehe https://peiq.atlassian.net/wiki/spaces/PPSD/pages/303956595/Bilder-Handling
+Komprimierung#Lazy-Loading) zum direkten Einfügen abgerufen werden.
Responsives figure-Tag mit Lazy-Loading
Das figure-Tag ermöglicht das responsive Einbetten eines Bildes mit einem festen Bildformat (über Dropdown wählbar) auf z. B. statischen Seiten und im HTML-Teasermanagement. Das figure-Tag schneidet das Bild auf das entsprechende Bildformat um den definierten Bildschwerpunkt zu. Ebenfalls im figure-Tag inkludiert ist ein Lazy-Loading für bessere Ladezeiten. Eine Platzhalter-Logik hält das Seitenlayout während des Ladens des Bildes möglichst stabil und wirkt somit einem Content-Layout-Shift entgegen.
| Note |
|---|
Damit das Lazy-Loading gut funktioniert, sollte das |
<figure>Bild-Links generieren den Bild-Links handelt es sich um die normalen URLs, die bei allen im Portal hochgeladenen Bildern (siehe Bildupload im Portal) nach dem Speichern/Veröffentlichen des Bildes generiert werden (siehe Bilder-Handling im Portal).Da zur Generierung der Bildgrößen-Varianten das Bild gespeichert/veröffentlicht werdenmuss, können aktuell die entsprechenden Bild-Links nicht in den Formularen selbst, sondern nur auf veröffentlichten Detailseiten abgerufen werden.Bild-URLs je Bildgrößen-Variante
Unterhalb des Dropdown können in einer Liste die beim Upload generierten Bildgrößen-Varianten (https://peiq.atlassian.net/wiki/spaces/PPSD/pages/303956595/Bilder-Handling+Komprimierung#Bildgr%C3%B6%C3%9Fen ) als URL abgerufen und mit einem Klick kopiert werden.
Verwandte Seiten
| Filter by label (Content by label) | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
| Include Page | ||||
|---|---|---|---|---|
|
Nur für PEIQ-Mitarbeiter:innen
https://peiq.atlassian.net/wiki/x/aoSsB