Volltextsuche
So setzen Sie eine intelligente Bildauswahl um
Dieser Artikel beschreibt, wie Sie die Bildauswahl entsprechend der Struktur des Inhaltsprojektes umsetzen.
Vorschaubild in Liste mit unterschiedlichem Seitenverhältnis für Mobilansicht
Vorschaubild in Liste mit unterschiedlichem Seitenverhältnis für Mobilansicht Veröffentlichungsdatum: 08. März 2023
Neuer Modus "embed" zum Erstellen von Vorschaubildern
Modus "embed" zum Erstellen von Vorschaubildern 10. August 2009 thumbnail vorschaubild embed modus Der Modus "embed" erstellt ein Bild, dass immer die angegebene
wThumbnail::createThumbnail
path, Integer width, Integer height, String mode, Array options) Parameter path Pfad des Orginalbildes, aus dem das Vorschaubild generiert werden soll width Breite des zu erstellenden Vorschaubildes height Höhe des zu erstellenden Vorschaubildes
wPDF::createThumbnail
angegeben ist, wird jpg genutzt) useTrimBox [|true] Falls der Rahmen beschnitten werden soll Beispiel: Erstellt ein Vorschaubild einer PDF Datei Quelltext <?php // In den Systemeinstellungen ist der "Pfad zu Ghostscript" anzugeben (z.B.:
Dateitypen für Vorschaubilder umwandeln
Vorschaubilder umwandeln 20. August 2009 thumbnails vorschaubilder png gif jpg umwandeln konvertieren dateiendung Ein Vorschaubild kann auch eine andere Dateiendung als das Orginalbild haben. Wenn Sie z.B. alle Bilder als PNG oder JPG pflegen,
Debug-Funktionen zu Listen, Navigationen, Vorschaubildern und CSS nutzen
Änderungsdatum: 28. Juli 2022 debug debuggen ausgabe listen navigationen css picture rendering bildgrössenanpassung vorschaubilder thumbnails Einblenden von Debug-Informationen für einen Administrator zu unterschiedlichen Funktionen. Weblication®
Banner: Vorschaubilder auf Banner anzeigen
Banner anzeigen Veröffentlichungsdatum: 15. Februar 2023 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Um Vorschaubilder innerhalb des Banners zu verwenden, genügt es, die Listenerweiterung listEntryExtensionThumbnailAsPicture einzubinden
wRepository::deleteThumbnailsDir
des Verzeichnisses keepPicturedatas [|true] Falls die Metadaten nicht gelöscht werden sollen Beispiel: Löscht die Vorschaubilder des angegebenen Verzeichnisses Quelltext <?php wRepository :: deleteThumbnailsDir ( '/default-wAssets/img/demo' );
Bedeutung der Mode-Einstellungen für die Generierung von Vorschaubildern
die Generierung von Vorschaubildern Veröffentlichungsdatum: 11. Mai 2010 Änderungsdatum: 04. April 2023 thumbnail vorschaubild modus mode default crop force embed Dieser Artikel beschreibt, was die einzelnen Modus-Einstellungen zur Erstellung von
-w-editmaskExtended-picturepreviewaspectratio
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 / Anwendungsfälle
So setzen Sie ein Limit für die Originalgrösse von Vorschaubildern
von Vorschaubildern Nutzbar ab: Version Veröffentlichungsdatum: 27. April 2010 Änderungsdatum: 26. August 2014 wConf vorschaubild thumbnail dateiexplorer fileexplorer maxPictureSize Dieser Artikel beschreibt, wie Sie eine Beschränkung der
-w-editmaskExtended-thumbnailmode
Mögliche Werte Beschreibung Einsatzgebiet no|yes Zeigt das Auswahlfeld zur Definition des Modus der Vorschaubilder an (crop, default, embed) default.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Blendet das Auswahlfeld zur
So setzen Sie Vorlagen mit Vorschaubild, Überschrift und Beschreibung um
mit Vorschaubild, Überschrift und Beschreibung um 18. November 2009 vorschau template vorlage bild beschreibung Nützliche
thumbnail
Über dieses WSL-Tag wird ein Bild auf die gewünschte Große angepasst. Es wird nicht nur zur Erstellung von Vorschaubildern (Thumbnails) verwendet, sondern generell überall dort, wo Bilder skaliert werden sollen. Die Skalierung der Bilder
wThumbnail
path, Integer width, Integer height, String mode, Array options) getPathOrig Ermittelt den Originalpfad eines Vorschaubildes String getPathOrig(String pathThumbnail) getPathThumbnail Ermittelt den Pfad eines Vorschaubildes String
-w-editmaskExtended-thumbnail
Mögliche Werte Beschreibung Einsatzgebiet no|yes Definiert, ob die Auswahl zur Anzeige von Vorschaubildern der Untervariante angezeigt wird. default.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahl
-w-picture-background-color
Mögliche Werte Beschreibung Einsatzgebiet [Hex Farbwert] Setzt die Hintergrundfarbe für das zu generierende Vorschaubild default.wFilelist.php gallery.wFilelist.php Ab CMS-Version 11.x unterstützt auch die default.wFilelist.php diese
wThumbnail::getPathThumbnail
path, Integer width, Integer height, String mode) Parameter path Pfad des Orginalbildes, aus dem das Vorschaubild generiert werden soll width Breite des zu erstellenden Vorschaubildes height Höhe des zu erstellenden Vorschaubildes
wThumbnail::getPathOrig
den Originalpfad eines Vorschaubildes Funktionsaufruf String getPathOrig(String pathThumbnail) Parameter path Pfad des Vorschaubildes Beispiel: Ermittelt den Originalpfad eines Vorschaubildes Quelltext <?php $pathThumbnail =
-w-editmaskExtended-thumbnailswidth
Mögliche Werte Beschreibung Einsatzgebiet no|yes Zeigt das Eingabefeld zur Definition der Vorschaubildbreite an default.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Blendet das Eingabefeld zur Definition der
-w-picture-srchover
Vorschaubilder beim Mouseover in Farbe default.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Gibt das Vorschaubild der Liste beim Mouseover in Farbe aus (wenn Vorschaubild in Graustufen definiert) .listDefault_var60
So passen Sie die Listenübersicht einer Weblication® Liste an
Weblication® Liste an Veröffentlichungsdatum: 16. Juni 2010 Änderungsdatum: 14. Oktober 2010 liste zeilentemplate vorschaubild thumbnail mehr weiter anpassen ändern Dieser Artikel beschreibt, wie Sie auf Grundlage einer Weblication® Liste aus
Animierte Gif Bilder in Listen nutzen
in Listen nutzen Nutzbar ab: Version 22. Juli 2015 wconf bilder gif animierte animiertes animation liste thumbnail vorschaubild Um mehr Aufmerksamkeit durch animierte Bilder zu bestimmten Listeneinträgen zu erreichen, sind animierte Bilder eine
WebP-Bilder nutzen
2023 webp bilder generieren vorschaubilder thumbnails htaccess Um aus JPG / JPEG / PNG Bilder automatisiert WebP-Bilder innerhalb der Webseiten zu nutzen, sind
-w-showEditbuttonsPreview
soll gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Definiert zur Bildergalerie-Variante 2, daß die Vorschaubilder mit einer Schaltfläche für die Bearbeitung versehen werden .listPictureGallery_var2 { -w-showEditbuttonsPreview: yes;
-w-picture-colorspace
den Graustufen Farbraum für Vorschaubilder default.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Gibt das Vorschaubild der Liste in Graustufen aus .listDefault_var60 .listEntryThumbnail { /* ... */ ; -w-picture-colorspace: gray; /* ... */
Lazy Loading für Interaktive ImageMaps bzw. Erklärbilder
ImageMap unterstützt im Standard (Oktober 2022) Lazy Loading. Bilder, die in dem Erklärbild für die Marker als Vorschaubild definiert wurden, werden erst geladen wenn der Benutzer den zugehörigen Button aktiviert. Lazy Loading lädt die
-w-create-hd
HD-Qualität generiert werden soll gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Definiert, daß die Vorschaubilder der Bildergalerie-Variante 32 in HD-Qualität generiert werden sollen .listPictureGallery_var32 .listEntriesPreview
documentData
ermittelt werden. title - Seitentitel description - Beschreibung keywords - Schlüsselwörter thumbnail - Pfad des Vorschaubildes navpointPath - Pfad des Navigationspunktes navpointId - Id des Navigationspunktes robotsValue - Einstellungen der Seite
-w-add-objectdata
(type=js,text=E-Mail) } /* ... */ Beispiel 2: Fügt in der Listen-Variante 999 dem Element mit der Klasse listEntry das Vorschaubild hinzu und verschiebt es an die erste Position /* ... */ .listDefault_var999 .listEntryThumbnailExt { float: left;
WebP-Unterstützung für hochoptimierte Bilder
CMS Serverinformationen auslesen können. WebP für das Bild-Element Webp für Hintergrundbilder Webp für Vorschaubilder in Listen Webp für PNG-Bilder Weiterführende Links WebP für das Bild-Element Um in bestehenden BASE (Mobile First)
Anpassen einer Bildergalerie Variante über CSS-Only
benannt) nur die zu ändernden Zeilen. Das Großbild wird also mit -w-display:none ausgeblendet und dafür für die Vorschaubilder die Klasse wglFancybox hinzugefügt. Über die allgemeine CSS-ID für die Variante wird zudem über -w-usefancybox:yes
Objektwizard - Listeneintrag des Objektes
CSS': 1:'Nur Anzeigen, wenn nicht leer': Objektdaten als HTML bzw. nur HTML Info-Text / Weitere Beispiele Vorschaubild Link Container Bedingter Container für Objektdaten Listenerweiterung einbinden Objekt-Wizard: Listeneintrag des
CSS-Only Referenz
wird -w-editmaskExtended-picturepreviewaspectratio Definiert, ob die Auswahlbox für die Auswahl 'Seitenverhältnis der Vorschaubilder' angeboten wird -w-editmaskExtended-picturepreviewmode Definiert, ob die Auswahlbox für die Auswahl 'Darstellungsart
Änderungen in Weblication® CMS Core/GRID
nun auch die Angabe der Auflösung in DPI, also z.B. wPDF::createThumbnail($path, 300), um so hochauflösende Vorschaubilder generieren zu können. 015.005.028.000 25.11.2020 Die PHP-Framework Funktion wEnv::setCookieValue unterstützt nun auch
wImage::resize
path Pfad des Bildes pathDest Zielpfad des Bildes (diese Angabe ist optional) width Breite des zu erstellenden Vorschaubildes height Höhe des zu erstellenden Vorschaubildes mode Darstellungsmodus [default|embed|crop|] default Das Bild wird so
Weblication® Entwicklerbereich
Emotionen genutzt werden (z.B. Applaus, Herz, ...) 03 März BASE für Version 19: Objektverwaltung 1.0.380: Vorschaubilder in Listen lassen sich optional für Screenreader ausblenden. 02 März Changelog Version: 019.004.009.000 Neue
Pflegemasken für Binärdateien
Standard-Projekt sind dies (siehe auch Screenshot weiter unten) Metadaten Überschrift Beschreibung Schlüsselwörter Vorschaubild Kategorien Eigenschaften Online/Offline Status Berechtigungen (bei entsprechender Berechtigung) Personalisierung (bei
Pflegemasken für Metadaten aus der Dokumentenerweiterung
Keywords, etc.) der Seite pflegen. Desweiteren stehen Ihnen folgende weitere Einstellungsmöglichkeiten zu Verfügung: - Vorschaubild einer Seite - Veröffentlichungszeitraum - Zuweisung zu einer Kategorie - Zuweisung eines aktiven Navigationspunktes
Neu in Weblication® Version 15 - veröffentlicht am 01.07.2020
schalten Sie die Funktion in älteren BASE (Mobile First) Projekten ein Navigation integriert über display="" Explorer: Vorschaubilder von PDFs im Datei-Explorer zeigen Explorer: PDF-Vorschaubilder per Framework generieren Explorer: Systemeinstellung
Neu in Weblication® Version 19 - veröffentlicht am 01.07.2024
Bild-Fokuspunkt bleibt in Bildausschnitten sichtbar Browse & Edit: Seiteninfo mit optimierter Metadatenanzeige und Vorschaubild Browse & Edit: Bedingte Container können ausgeblendet werden Dateiverwaltung: Das ist neu Dateiverwaltung:
Listenbearbeitung | Weblication CMS Onlinedokumentation
erscheint nur, wenn dies über das Darstellungs-Template (siehe oben) und eine CSS-Only-Eigenschaft aktiviert ist. 'Vorschaubilder anzeigen': Über diese Auswahlbox können Sie festlegen, ob Vorschaubilder zu den aufgelisteten Dateien in der Liste
Bild - Metadaten bearbeiten | Weblication CMS Onlinedokumentation
können zudem individuelle Felder und Einstellungsmöglichkeiten definiert werden. 'Fokuspunkt': Durch Klick in das Vorschaubild wird ein Fokuspunkt gesetzt, welcher durch einen roten Kreis dargestellt wird. Der Fokuspunkt wird genutzt, um
Weblication® Version 19: Neu in der Dateiverwaltung
Felder in Schnellsuche ergänzbar Dateiverwaltung: Sortierungen für Benutzer/Verzeichnis merken Dateiverwaltung: Vorschaubilder für Videos Dateiverwaltung: Inhalts- und Asset-Verzeichnisse mit speziellen Icons Dateiverwaltung: Ein Projekt
Systemeinstellung - Bilder | Weblication CMS Onlinedokumentation
dieser Parameter aktiviert, bleiben die Metadaten eines Bildes (Kamera, GPS-Daten, Copyright, etc.) beim Generieren als Vorschaubild bzw. beim Verkleinern erhalten. Diese Einstellung greift nur, wenn ImageMagick zur Bildgenerierung verwendet wird.
Metadaten bearbeiten | Weblication CMS Onlinedokumentation
und/oder Darstellungsoptionen für die Seite zu aktivieren. Diese Einstellung ist von der Projektumsetzung abhängig. 'Vorschaubild': Für jede Seite kann ein individuelles Vorschaubild gewählt werden. Dieses Bild erscheint als Thumbnail-Bild, wenn die
Hohe Performance für SEO-Ranking, Nachhaltigkeit und User-Experience mit Weblication®
anzeigen Asynchrones Laden von JavaScript-Dateien Einbetten wichtiger CSS-Definitionen im Kopfbereich Videos mit Vorschaubild statt sofortige Anzeige Nachhaltigkeit und Reduzierung Energiebedarf durch Ausschliessen unnötiger Bots Immer schnelle
Verzeichniseinstellungen - Hochladen | Weblication CMS Onlinedokumentation
(Grösse, etc.). 'Beschreibung': In diesem Feld tragen Sie optional eine Beschreibung für die Verzeichnisvorlage ein. 'Vorschaubild': In diesem Feld können Sie optional über den Auswahlpfeil ein Bild auswählen, das standardmäßig als Vorschaubild
Neu in Weblication® Version 17 - veröffentlicht am 01.07.2022
geleitet werden, erscheint keine Personalisierungs- und kein Online-Status mehr. Beim Hochladen können Vorschaubilder von PDFs angezeigt werden. Beim Hochladen durch Redakteure werden eingebettete Metadaten nicht gelöscht. Eingebettete