Volltextsuche
Festlegen des darzustellenden Bildausschnittes und verschiedene Seitenverhältnisse
und verschiedene Seitenverhältnisse Nutzbar ab: Version 18. Mai 2017 editor bild picture bildausschnitt pictureArea seitenverhältnis Dieser Artikel beschreibt, wie Sie es einem Benutzer über die Bildbearbeitung ermöglichen, lediglich einen Ausschnitt
Vorschaubild in Liste mit unterschiedlichem Seitenverhältnis für Mobilansicht
für Mobilansicht Veröffentlichungsdatum: 08. März 2023 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Seitenverhältnisse für Bilder auf Desktop-Ansicht können auf mobilen Endgeräten unvorteilhaft sein. Dies können Sie über die
Bild mit unterschiedlichem Seitenverhältnis für Mobilansicht
für Mobilansicht Veröffentlichungsdatum: 27. Februar 2023 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Seitenverhältnisse für Bilder auf Desktop-Ansicht können auf mobilen Endgeräten unvorteilhaft sein. Dies können Sie über die
-w-editmaskExtended-pictureaspectratio
Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob die Auswahlbox für die Auswahl ' Seitenverhältnis ' angeboten wird gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahlbox zur Auswahl
-w-editmaskExtended-picturepreviewaspectratio
Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob die Auswahlbox für die Auswahl ' Seitenverhältnis der Vorschaubilder ' angeboten wird album.wFilelist.php gallery.wFilelist.php galleryTeaser.wFilelist.php Beispiele /
-w-aspectratio
gallery.wFilelist.php galleryTeaser.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Setzt das Seitenverhältnis einer Listendarstellung auf 1.333 .listDefault_var28 .listEntryThumbnail { -w-aspectratio: 1.333;...} Diese
-w-editmaskExtended-height
Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob die Auswahl für die Höhe bzw. das Seitenverhältnis angeboten wird map.google.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahl für Höhe bzw.
Banner: Bildausschnitt für kleine Endgeräte anders wählen
wählen. Dieser ist auch dann sinvoll, wenn der Info-Layer im Banner mehr Text enthält, welcher über ein anderes Seitenverhältnis des Banner-Bildes (für mehr Höhe) dann auch bei kleinerer Bildschirmbreite ersichtlich ist. Beispiel: Auszug aus der
Eigene Pflegemasken zu CSS-Only Untervarianten der Liste nutzen
angeführt. Beispiel: Auszug aus der listDefault.scss - Individuelle Pflegemaske für eigene Untervariante zu Bild Seitenverhältnissen /*@wCssFragment { class: listDefault; variant: 0; caption: Standard; caption-en: Default} */ .listDefault_var0 { /* ... */
wPicture::createPicture
soll (0-100) qualityHD Falls die Qualität bei JPG-Bildern bei HD-Darstellung reduziert werden soll (0-100) ratio Seitenverhältnis bei zugeschnittenen Bildern (mode: embed bzw. embedX oder crop) minWidthX Array mit den Bilddaten für ein alternatives
CSS-Only Referenz
(z.B. 1.8) -w-animation Definiert die Art der Animation beim Wechsel eines Listeneintrages -w-aspectratio Definiert das Seitenverhältnis von generierten Bildern -w-background-target Definiert das Ziel eines Hintergrund-Elementes (z.B. Bannerbild)
BASE (Mobile First): Responsive Bilder
Priorität. Das System versucht dann diese Höhe sicherzustellen. Das Bild wird dann sehr wahrscheinlich ein anderes Seitenverhältnis haben, da dies bei der Darstellung eh eingepasst wird. Was passiert, wenn beim ersten Aufruf noch nicht alle Bilder
Weblication® CMS Version 9 - Start Betaphase
Bilder skalieren Sie im Ansichtsbereich einfach per Schieberegler Bildausschnitte erzeugen Sie in vielen auswählbaren Seitenverhältnissen : (beliebig, wie Original, 1:1, 4:3, 3:2, Goldener Schnitt, 16:9, 2:1, 3:1 und entsprechend hochkant) Vorige
RSS: Weblication® Mobile First Changelogs
des maximal und minimal sichtbaren Bildausschnittes kann nun über CSS-Only eine spezielle Maske zur Auswahl der Seitenverhältnisse definiert werden (-w-option-pictureAreaMaskID bzw. -w-option-pictureAreaMinMaskID) 13.02.2024 14:22 BASE für Version
Änderungen in Weblication® CMS Core/GRID
Zeilen angezeigt zu bekommen. 007.004.085.000 12.02.2013 Bei der Auswahl des anzuzeigenden Bildausschnittes kann das Seitenverhältnis des bereits vorhandenen Ausschnittes beibehalten werden. 007.004.062.000 04.02.2013 Beim Kopieren von Dateien über das
Weblication® Entwicklerbereich
des maximal und minimal sichtbaren Bildausschnittes kann nun über CSS-Only eine spezielle Maske zur Auswahl der Seitenverhältnisse definiert werden (-w-option-pictureAreaMaskID bzw. -w-option-pictureAreaMinMaskID) 13 Februar BASE für Version 18:
Pflege von textbasierten Daten
fest mögliche Werte: [Zahl] notwendig: nein nutzbar bei: editor = 'pictureArea' retainRelations legt fest, ob die Seitenverhältnisse beim Ziehen des Ausschnittfensters erhalten bleiben sollen oder nicht mögliche Werte: 0|1 notwendig: nein
Änderungen in Weblication® CMS Core/GRID
Über die Datei /GLOBALPROJECT/wGlobal/layout/editor/picture/standard.wPictureCutAreaEditor.php lassen sich eigene Seitenverhältnisse im Bildeditor definieren. 009.005.061.000 29.01.2015 Kopfbereich mit zentriertem Logo auswählbar. 009.005.015.000
CSS-Rendering - Inhalte wie Bilder automatisch in passender Breite generieren
darstellt. Lösungsmöglichkeiten für den Problemfall: Ursache ist in den meisten Fällen ein nicht zum Bild passendes Seitenverhältnis (aspectratio), welches z.B. über CSS-Only (-w-aspectratio) definiert werden kann. Passen Sie dies entsprechend an.
Mobile Performance durch neue Lazy Loading Funktionen
aktivieren. Eine weitere Optimierung besteht darin, dass die Platzhalter beim Lazy Loading bereits die richtigen Seitenverhältnisse haben, auch dann, wenn Sie Art Direction mit unterschiedlichen Bildausschnitten nutzen. Zudem können Sie die
Performance-Analyse: Google Web Vitals
relevanteste Teil der Seite aufgrund der Höhe oft der Banner. Ein Ansatz, um den Wert zu optimieren besteht darin, das Seitenverhältnis so anzupassen, dass der Banner auch Mobil nie das größte Element ist. Alternativ bleibt fast nur noch, dass man die
Banner: Vorschaubilder auf Banner anzeigen
default !important; /* Bildmodus Vorschaubild */ -w-option-thumbnail-aspectratio: 1.3333333333 !important; /* Seitenverhältnis Vorschaubild */ -w-option-thumbnail-addCopyright: no; /* Copyright-Text auf dem Vorschaubild ergänzen */ } Die
Version 13: Mobile Performance durch neue Lazy Loading Funktionen
aktivieren. Eine weitere Optimierung besteht darin, dass die Platzhalter beim Lazy Loading bereits die richtigen Seitenverhältnisse haben, auch dann, wenn Sie Art Direction mit unterschiedlichen Bildausschnitten nutzen. Zudem können Sie die
RSS: Weblication® Mobile First Changelogs Version 17
08.03.2023 17:28 BASE für Version 17: Liste 1.0.138: Zu Vorschaubildern kann nun über CSS-Only-Untervarianten ein Seitenverhältnis für die mobile Ansicht definiert werden 08.03.2023 15:26 BASE für Version 17: Tabelle / Datenblatt 1.0.40: Über