Volltextsuche
wPicture
um responsive Bilder über das PICTURE-Element zu generieren Funktionen createPicture Erstellt ein Bild über ein PICTURE-Element zu generieren Funktionen createPicture Erstellt ein Bild über ein PICTURE-Element String createPicture(String
So setzen Sie eine intelligente Bildauswahl um
Bildauswahl um Nutzbar ab: Version Veröffentlichungsdatum: 11. April 2011 Änderungsdatum: 16. Oktober 2014 bild picture auswahl pfad startet verzeichnis Dieser Artikel beschreibt, wie Sie die Bildauswahl entsprechend der Struktur des
Copyright Angabe für Bilder umsetzen
{ class: elementPictureTitle; variant: 72; caption: Mit Copyright auf dem Bild; caption-en: With copyright on picture; livepreview: yes} */ .elementPictureTitle_var72 { -w-addCopyright: yes; -w-displayCopyrightInCaption: yes; /* ... */ }
Festlegen des darzustellenden Bildausschnittes und verschiedene Seitenverhältnisse
des darzustellenden Bildausschnittes 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
Vorschaubild in Liste mit unterschiedlichem Seitenverhältnis für Mobilansicht
$viewport_m_min; /* Größe, ab der der Standardbildausschnitt angezeigt wird */ -w-option-picture-aspectratio: 1.3333333333; /* Seitenverhältnis Bild */ -w-option-picture-aspectratiomin: 1; /* Seitenverhältnis bei
Pflege von Bildern
zur Dateiauswahl, wenn der Wert leer ist] notwendig: nein Pflege eines Bildes über die Standardmaske <!-- web:picture:start --> select= " wd:fragment[@id = 'picture']/img " /> <!-- web:picture:stop --> Pflege eines Bildes
CSS-Stylesheet nur einbinden, wenn ein bestimmtes Element in der Seite vorhanden ist.
diese im Gegensatz zu JS-Dateien über ein link-Tag eingebunden werden und somit nur im HTML-head stehen dürfen. Die picture.css wird nur eingebunden, wenn das Element vom Typ core.picture in der aktuellen Seite vorkommt test= "
wList::createListFromXML
Generiert eine Liste auf Basis einer XML-Zeichenkette
Spezielle Breite für CSS-Picture-Rendering setzen
setzen Nutzbar ab: Version Veröffentlichungsdatum: 26. August 2013 Änderungsdatum: 09. November 2017 css picture rendering Die automatische Bildgrößenberechnung über CSS-Angaben (CSS-Picture-Rendering) lässt sich über das HTML
wPicture::createPicture
die Breite relevanten übergeordneten Elementen zusammen setzt. alt Alternativtext des Bildes attributes Attribute des PICTURE-Elementes attributes-img Attribute des IMG-Elementes embedSVG [|1] Falls das Bild als SVG eingebettet werden soll
-w-picture-background-color
Vorschaubild in Bildergalerie-Variante 999 .listPictureGallery_var999 .listEntries .listEntryImage { /* ... */ ; -w-picture-background-color: #FFCC33; /* ... */ } Beispiel 2: Setzt die Hintergrundfarbe für das zu generierende Vorschaubild in
Debug-Funktionen zu Listen, Navigationen, Vorschaubildern und CSS nutzen
Veröffentlichungsdatum: 25. Juli 2011 Änderungsdatum: 28. Juli 2022 debug debuggen ausgabe listen navigationen css picture rendering bildgrössenanpassung vorschaubilder thumbnails Einblenden von Debug-Informationen für einen Administrator
-w-editmaskExtended-picturemode
der Großbilder' zur Bildergalerie-Variante 0 .listPictureGallery_var0 { /* ... */ ; -w-editmaskExtended-picturemode: yes; /* ... */ } Listenoptionen Bildergalerie - Darstellungsart der Großbilder Zu beachten: Diese CSS-Only Referenz
-w-editmaskExtended-pictureaspectratio
zur Auswahl 'Seitenverhältnis' zur Bildergalerie-Variante 0 .listPictureGallery_var0 { /* ... */ ; -w-editmaskExtended-pictureaspectratio: yes; /* ... */ } Listenoptionen Bildergalerie - Seitenverhältnis Zu beachten: Diese CSS-Only Referenz bezieht sich
Was sind die Hauptmerkmale der Responsive Bilder in der BASE (Mobile First)?
Bilder in der BASE (Mobile First)? Die Responsive Bilder von Weblication in der BASE (Mobile First) verwenden das HTML5 Picture-Tag, um unterschiedliche Bildgrößen abhängig von Bildschirmgrößen bereitzustellen. Wichtigste Funktionen: Optimale
-w-editmaskExtended-layout
Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob die Auswahlbox für das Layout im Bildelement angeboten wird picture.standard.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktivert die Auswahlbox für das Layout im Bildelement in
Metadaten von Bildern auslesen
20.x 07. Oktober 2025 bild picture metadaten exif iptc checkin einchecken reihenfolge priorität Die Metadaten von Bildern (z.B.: EXIF, IPTC) können für
Bild mit unterschiedlichem Seitenverhältnis für Mobilansicht
*/ // -w-option-aspectratioMin: 1; /* Seitenverhältnis Mobilansicht */ -w-mode: crop; figure { display: block; picture { height: 0 !important; display: block; padding-bottom: 25%; } } } Sie müssen lediglich die Zeile mit
Wasserzeichen / Copyright in Bilder setzen
der Font-Datei $font = $_SERVER [ 'DOCUMENT_ROOT' ]. '/weblication/grid5/fonts/default.ttf' ; //Zeichnen: $x = $options [ 'pictureWidth' ]/ 2 ; $y = $options [ 'pictureHeight' ]/ 2 ; $dimensions = imagettfbbox ( $fontsize , 0 , $font , $text ); $textWidth =
So lesen Sie Inhaltsbilder über ein Listentemplate aus
" @path "/> test= " document(concat($wDocumentRoot,@path))//wd:document/wd:group[@id='content1']/wd:item[@type='picture.standard']/wd:fragment[@id='picture']/img/@src "> select= "
wWeblic::renderItemStr
; print wWeblic :: renderItemStr ( ' false false 0 Erster Inhalt 0 Zweiter Inhalt block 5050 Bild default 0 adapt picture 0 0 Dritter Inhalt Bild default 0 adapt picture 0 1 1 ' , $options ); ?> Ergebnis Erster Inhalt Lorem ipsum dolor
wImage
Klasse für Bildfunktionen
Pflege von Links
Link-Tags lassen sich als Ganzes über eine konfigurierbare Maske pflegen.
wImage::convertToJPEG
Konvertiert ein Bild in eine JPEG-Bild
Eigene Pflegemasken zu CSS-Only Untervarianten der Liste nutzen
*/ /*@wCssFragment { class: listDefaultMyAspectRatio; variant: 0; caption: Bild-Seitenverhältnis 16 / 9; caption-en: Picture AspectRatio 16 / 9; usertypes: ; selectable: yes} */ .listDefaultMyAspectRatio_var0 { -w-option-picture-aspectratio:
HD-Funktion in BASE-Projekten nachrüsten
Die Funktionen hierzu sind in der BASE bereits integriert und werden über das Zusatzmodul " HD High-Definition Picture Rendering " freigeschaltet. Informationen zu diesem Thema finden Sie über die weiterführenden Artikel unten. Ältere
So steuern Sie eine Bearbeitenmaske (z.B. Bildeditor) bei Multiprojekten
Verzeichnis auslagern, können Sie dies wie folgt vornehmen. Beispiel: Inhalt der /de/wGlobal/layout/editor/picture/standard.wTageditor.php <?php $version="1.0"; $encoding="UTF-8"; ?> <?php exit; ?> version= " 1.0 "
Objektdaten als Elemente ausgeben
elementObjectContactPersonElement "> <!-- test= " /wd:document/wd:extension/wd:object/wd:data[@id = 'picture']/text() "> class= " elementObjectContactPersonPicture "> $thumbnailSrc = ' select= "
So setzen Sie einen Attributwert dynamisch
Dynamisches Positionieren des Item-Icons eines Bildelementes (XSL-Template) ... match= " wd:item[@type = 'spin.picture'] "> test= " wd:fragment[@id = 'class'] = 'pictureLeft' "> select= " php:functionString('wEnv::setGlobalValue',
Weblication® Entwicklerbereich
angepasst und neu geladen. 21 Oktober BASE für Version 20: Bild 1.0.82: Optional kann über -w-editmaskExtended-pictureMin:yes; auch ein anderes Bild für die Mobilansicht zur Pflege angeboten werden. 21 Oktober BASE für Version 20:
HD Website High-Definition Picture Rendering für HD-Bildschirme wie Apples Retina-Displays und andere hochauflösende Bildschirme
Qualität nachgeladen und angezeigt. Weblication® CMS bietet hierfür eigens ein neuartiges Modul: HD High-Definition Picture Rendering Das neue Weblication® Modul erweitert das Weblication® CSS-Picture-Rendering, das Bilder automatisch im
HD-Bilder in der Bildergalerie
berechnet, an die Browser ausgeliefert und angezeigt werden. Für die Nutzung der Funktion ist das HD High-Definition Picture Rendering erforderlich. In Version 8 wird die Funktion im Standard ausgeliefert. Lizenzen mit Major-Release-Paket
Interessante Funktionen des Bild-Elementes in Weblication®
für Smartphones in HD-Qualität generieren Responsive Design: Bildgrößenberechnung für alle Bildschirmbreiten CSS-Picture Rendering - Weblication® Technologie High-Definition-Picture-Rendering: Bilder in HD-Qualität bei High Definition
Bildbearbeitung | Weblication CMS Onlinedokumentation
Bildbearbeitung Bild-Element | Weblication CMS Onlinedokumentation
Neu in Weblication® Version 19 - veröffentlicht am 01.07.2024
der Indizierung ausgeschlossen ist. Über das Attribut edit=“1” kann eine Datei bei editor=“file” und editor=“picture” direkt bearbeitet werden. Die benutzerspezifische Sortierung eines Verzeichnisses wirkt sich auch auf die
Automatische Bildgrößenberechnung in Weblication® mit CSS-Picture-Rendering
Dez 2013 Weblication® berechnet Bildgrößen automatische im Kontext über die eigenen Weblication® Technologien CSS-Picture-Rendering und High-Definition-Picture-Rendering für hochauflösende Displays. Bild hochladen, in Seite einbinden,
Hohe Performance für SEO-Ranking, Nachhaltigkeit und User-Experience mit Weblication®
Übertragung per GZIP - teils über 90% Einsparung bei Datenübertragung Automatisch die richtige Bildgröße: CSS-Picture Rendering - Weblication® Technologie Automatische Bildbreitenberechnung über Client-Feedback Nutzung von WebP für
Hochauflösende Bilder automatisch auf hochauflösenden Displays ausliefern
Bilder automatisch in HD-Qualität aus. In Verbindung mit der automatischen Bildgrößenberechnung über CSS-Picture-Rendering müssen Sie sich keine Gedanken mehr machen, in welcher Größe Sie Bilder auf Ihren Webserver hochladen. Die
Tabellenbearbeitung | Weblication CMS Onlinedokumentation
formatierbaren Text (WYSIWYG-Funktionen können beschränkt werden (z.B. wysiwyg(bold, italic) für fett und kursiv) picture Bildpflegetag Beispiel für eine dreispaltige Tabelle: input|wysiwyg(bold, italic, underline, links)|wysiwyg (erste
Weblication® Version 19: Neu im Editor
Dateiauswahlfeld aufrufen. Technisch erfolgt dies über das Attribut edit=“1” bei editor=“file” und editor=“picture”. Datei Bearbeitung direkt in Dateiauswahlfeld aufrufen Datei Bearbeitung direkt in Dateiauswahlfeld aufrufen Editor:
Newsletter Layout | Weblication CMS Onlinedokumentation
(" newsletter ") gesetzt ist (Pfad des Mastertemplate-Elementes: /[IHR-GLOBALES-PROJEKT]/wGlobal/mastertemplates/items/picture.standard.wItemMastertemplate.php ). Auszug aus dem Mastertemplate-Element "Bild" ... hasToAddElement= " 0 "> name= "
NEU: Weblication® CMS Version 8 ist da
Endgeräte zur mobilen und responsive Optimierung Noch mehr Brillianz der generierten Bilder : HD High Definition Picture Rendering für HD-Displays wie z.B. Apples Retina-Displays Funktionserweitertes Panel : z.B. Sie verwalten Ihre
Was sich von Weblication® Version 5, 6, 7, 8, 9 bis hin zu Version 10 alles getan hat
Editor-Darstellung auch auf schmaleren Bildschirmen Noch mehr Brillianz der generierten Bilder: HD High Definition Picture Rendering für HD-Displays wie z.B. Apples Retina-Displays Unterstützung von ImageMagick zur automatischen
Kosten sparen in Web-Projekten mit Weblication®
sparen Extrem einfache und schnelle Bedienung der Pflegeoberfläche Automatische Bildgrößenberechnung (CSS-Picture-Rendering) Bis 70% Kosteneinsparung bei der Sprachverwaltung - von Kunden berichtet Betriebskosten sparen durch Updates
BASE Projekt - Mobile First | Weblication CMS Onlinedokumentation
Erweiterte JS-Ereignisse Automatische Bildbreitenberechnung Bildbreitenberechnung über Client-Feedback Einsatz des Picture-Elements für Responsive Images in Elementen, Listen, Bannern und Galerien. Unterstützung von Art Direction für