| 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 von Bildersammlungen
können diese bearbeitet werden. Ebenso stehen über das Kontextmenü des jeweiligen Bildes weitere Funktionen zur Verfügung. Diese sind “Bilder merken”, “Bild in nativer Auflösung anzeigen”, “Bildkopien finden und verwalten” sowie “Bild-Links abrufen”.Mit Hilfe der Bild-Links können verschiedene Bildgrößen-Varianten der Bilder abgerufen und im HTML-Teasermanagement, auf statischen Seiten oder mithilfe der Code-einbetten-Funktion in Inhalten genutzt werden.
Details
Detailseite von Bildersammlungen
Die Detailseite der Bildersammlung kann von Benutzer:innen mit der Berechtigung “Bildersammlungen verwalten” oder “Bildersammlungen verwenden” über die “Verwaltung Verwaltung von Bildersammlungen” 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)
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 verschiedenen Bildgrößen
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“Code-einbetteneinbetten”-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 zu 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
Bei 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