Volltextsuche
-w-addsize
die Dateigröße der ausgelesenen Datei gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Ergänzt in der Bildergalerie-Variante 53 die Dateigröße zur ausgelesenen Datei .listPictureGallery_var53 .listEntriesPreview .listEntry { /* ...
-w-adddescription
soll gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Definiert, daß die Beschreibung zu einem Bild der Bildergalerie-Variante 2 hinzugefügt wird .listPictureGallery_var2 .listEntriesPreview .listEntry { /* ... */ ; -w-adddescription:
includeCssRessources
generiert werden soll [PATH] pathCSS3Pie Pfad zu CSS 3 PIE Boolean generateDataURL Generiert automatische Data URLs aus Bilder Boolean generateSVG Generiert SVGs in den benötigten Farben Boolean interpreteWCSS Führt WCSS-Script aus Boolean
Anpassen einer Variante des mehrspaltigen Inhaltscontainers über CSS-Only
die Sie bei Bedarf individuell anpassen können. Beispiel 1: Mehrspaltiger Inhaltscontainer für Kacheloptik bei Bildern Am Beispiel des " mehrspaltigen Inhaltscontainers " mit Spaltenvarianten 70/30 und 33/33/33 demonstrieren wir Ihnen,
Anpassen einer Bannerslider Variante über CSS-Only
der Anpassung: Banner-Variante 40 (Bild, mehrspaltiger Teasesr unten) per Klick Beispiel: Auszug aus der design.css zur Bildergalerie-Variante 0 (Großansicht mit Diavorschau horizontal) /* ... */ .listBannerSlider_var40 .listEntriesPreview .listEntry {
Änderungen in Weblication® CMS Core/GRID
PHP-Framwork Funktion wThumbnail::createThumbnail unterstützt nun auch die Option qualityHD, um die Qualität von HD-Bildern separat festzulegen. 012.005.038.000 26.10.2017 Aufgaben und Notizen, die mit Dateien verknüpft sind, erscheinen nun
Systemvoraussetzungen Weblication®
sein Arbeitsspeicher PHP-Skripte: mindestens 100 MB (memory_limit) Hinweis: Je nach Anzahl und Größe genutzter Bilder erhöht sich der Speicherbedarf für PHP-Skripte, was zum memory_limit beachtet werden sollte! (Tipp: Meist hilft der
Uploadereignis abhängig von der Bildgröße nutzen
ausgeliefert, dass über das Assets-Bildverzeichnis (z.B. /wAssets/img ) ein Verzeichnisereignis für das Hochladen von Bildern genutzt wird. Die Aktion greift auf die Einstellung " Bildgröße beim Hochladen wenn nötig herunterrechnen " zurück,
Jedem Client sein Bild
hochauflösendere Bildschirme und gleichzeitig immer mehr mobile Abrufe machen eine intelligente Bereitstellung von Bildern in vielen Bereichen einer Webseite notwendig. Weblication® bietet inzwischen bereits in der BASE (Mobile First) alle
-w-jquery
Endung) eines Bildes (Umsetzung ohne data-Attribut) /* ... */ /* Anzeige des Dateinamens ohne Endung (z.B. CIMG0815.JPG) - (Bildergalerie Variante 0) */ .listPictureGallery_var0 .listEntries .listEntryTitle { display: block; -w-jquery: var urlPath = jQuery
Mobile Performance mit Weblication
dies über den Webserver bzw. htaccess-Dateien definiert sein. Weitere Informationen siehe *Hinweise* unten. Geladene Bilder Ausgabe zur aktuell aufgerufenen Seite, wieviele Bilder mit welcher Größe geladen wurden. Über die Schaltfläche
Bei der Größenauswahl von Bildern kann auch der Modus definiert werden: <size width="100" height="100" name="100 x 100" mode="crop" />
von Bildern kann auch der Modus definiert
Limit für Pixelanzahl bei Bildgenerierung über GD setzen
Pixelanzahl setzen. Ab Weblication® CMS Version 008.000.157.000 können Sie ein Limit für die Pixelanzahl von Bildern setzen Dies wird bei der Generierung von Bildern (z.B. Vorschaubilder (Thumbnails), etc.) über das GD-Modul unter PHP
So setzen Sie eine intelligente Bildauswahl um
"/> ... ... Vor allem bei grösseren Projekten stellt sich häufig das Problem, dass die Bilder von den Redakteuren "wahllos" im Assets-Verzeichnis abgelegt werden. Dies können Sie über den Pflegekommentar für
CSS-Only-Variante als Standard festlegen
diverser Weblics® mit eine Standardvariante ausgeliefert, welche in der Regel mit der Variantennummer 0 bezeichnet ist. Bildergalerie CSS-Only-Variante als Standard Wollen Sie bei einem Weblic® , wie z.B. der Bildergalerie, beim Einfügen eines
Änderungen in Weblication® CMS Core/GRID
formatieren zu können. 015.002.020.000 26.08.2020 Über die Option savePictureData lässt sich erreichen, dass Bilder in statischen Seiten auch nach Bereinigung der Vorschaubilder noch verfügbar sind. Das kann z.B. beim Newsletter
CSS-Only Referenz
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) -w-clickable Definiert, ob ein
So binden Sie Binärdateien für Sprachportale ein
binärdatei bild pdf doc word office Dieser Artikel beschreibt die Vorgehensweise zum Einbinden von Binärdateien (Bilder, PDF's, Word/Office-Dokumente, etc.) in einem Portal mit mehreren Sprachen. Eine mehrsprachige Präsenz wird über
wImage::convertToJPEG
des JPEG-Bildes (z.B. 80 für 80%) Beispiel: Konvertiert das Bild in eine JPEG-Bild Quelltext <?php // Konvertiert Bilder vom iPhone in JPEG-Bilder // (z.B. über Verzeichnisereignis beim Hochladen) if( preg_match ( "/(heic)/i" , wPathName
Aufbau eines Weblication® Projektes
werden zwei weitere Verzeichnisse abgelegt, das Global-Verzeichnis (Layout) sowie das Assets-Verzeichnis (Bilder, Media-Dateien, ...): Das Global-Verzeichnis beinhaltet sämtliche XSL-Stylesheets, CSS- und Javascript-Dateien sowie
Pflege von textbasierten Daten
nein nutzbar bei: editor = 'upload' upload Durch das Attribut upload="1" in web:text:start editor="file" können Bilder direkt bei der Bildpflege hochgeladen und einfügt werden, ohne die Dateiauswahl öffnen zu müssen. (ab Version
So stellen Sie für ein Textfeld bestimmte WYSIWYG-Funktionen bereit
definieren und zum anderen über das Text-Pflegetag selber. Beachten Sie hinsichtlich des Einsatzes der Funktionen für Bilder und Tabellen über die WYSIWYG-Leiste bitte den Artikel in den weiterführenden Links zur Qualität von Webseiten !
Weblication® CMS Version 9 - Start Betaphase
über den Explorer Kein PHP-Limit beim Hochladen sehr großer Dateien Teils über 10 x schnelleres Hochladen großer Bilder und Dateien Fortschrittsanzeige während des Hochladens Optimiert für mobile Geräte - Smartphones und Tablets mit
Suchindex der Volltextsuche aktuell halten
( $eventData [ 'projectPath' ]); Berücksichtigung von Binärdateien Sofern Sie für den Suchindex auch Binärdateien (Bilder, Dokumente (Office, PDF, ...), etc.) berücksichtigen wollen, gilt o.g. entsprechend für das Assets-Verzeichnis.
Performance der Webseite optimieren
Aufgerufene Seite: 100 Navigationpunkte auf drei Navigationen verteilt Liste mit 10 aus 1000 Einträgen 10 skalierte Bilder 3 eingebundene Inhaltsbereiche Folgende Optimierungen wurden betrachtet: Optimierungen im Template - Attribut expires
RSS: Weblication® Mobile First Changelogs Version 16
16: Inhaltsbereich (mit weiteren Elementen befüllbar) 1.0.41: SEO: Für Hintergrundbilder wird bei eingecheckten Bildern der Titel als Wert für das alt-Attribut gesetzt. 21.06.2022 15:23 BASE (Mobile First) für Version 16: Inhaltsbox (mit
Lightbox in mobiler Ansicht deaktivieren
wie die Lightbox abhängig von den Breakpoints über -w-add-data:"isinactivelightbox=1" deaktiviert werden kann. Ob Bilder oder Links, es ist abhängig von der Bildschirmgröße nicht immer erwünscht, die Daten in der Lightbox zu öffnen.
CSS-Only Varianten anpassen
Anwendungen zur Verfügung, die Sie bei Bedarf individuell anpassen können. Aktuell finden Sie zu Weblics® wie u.a. Bildergalerie Bild Inhaltsbox Inhaltsbereich Akkordeon-Container Inhaltscontainer mit Registerlaschen Liste Mehrspaltiger
wZIP::unzipOnlyFiles
werden nicht angelegt! Beispiel: Entpackt das entsprechende ZIP-Archiv Quelltext <?php $pathArchive = "/baseAssets/Bilder.zip" ; $destDir = "/baseAssets/img/" ; wZIP :: unzipOnlyFiles ( $pathArchive , $destDir ); ?> Beispiel: Entpackt das
Projekte in einer Weblication Präsenz
wAssets-Verzeichnis stellt einen zentralen, sprachunabhängigen Speicherort für global verwendbare Binärdateien wie Bilder und Downloads dar. Die Sprachverzeichnisse sowie die beiden zentralen Projekt- Verzeichnisse wGlobal und wAssets werden
Domain für die Newsletter E-Mails definieren
die Domain " cms.domain.dd ". Für die Seitenbesucher wird allerdings "www.domain.dd" verwendet. Die Links auf z.B. Bilder und Dateien innerhalb einer HTML- und Textversion eines Newsletters werden standardmässig zu der Domain gesetzt, über
Snippets
location.href abgesendet. Das kann über eine Funktion in der design.js manipuliert werden. Zum Snippet Einfügen von Bildern im Inhaltsprojekt verhindern Nicht nur beim Hochladen kann man die Ablage von Bildern im Inhaltsprojekt unterbinden.
wStaticHTML::createPageStatic
=> '*' )); } } Weiterführende Links Onlinedokumentation - Werkzeuge - Linkprüfung Hinweise Über CSS verlinkte Bilder können nicht erfasst werden und müssen manuell übertragen werden. Alternativ können Sie diese Bilder auch über
Weblics® 2.x in BASE 1.x nutzen
wir, alle anderen Weblics® auch auf aktuellsten Stand 2.x zu bringen. Dies gilt vor allem für die Weblics® " Bild ", " Bildergalerie ", " Teaser, Banner, Slider ", " Liste " und " Formular ". Beachten Sie dabei, dass ggf. die Bildergalerie- bzw.
BASE Neuinstallation mit Übernahme der Inhalte
Wiederherstellung des Backups ab (aus Sicherung des alten Projektes, siehe Schritt 2). Zur Übernahme Ihrer bisherigen "Bilder / Assets / Dokumente" gehen Sie ähnlich vor und stellen diese über eine Backup-Wiederherstellung dem neuen Projekt zur
Spezielle Breite für CSS-Picture-Rendering setzen
wslPre steht die individuelle Breite während der XSL-Transformation dem CSS-Picture-Rendering bereits zur Verfügung. Bilder innerhalb dieses Bereiches, die sich automatisch der Größe des umgebenden Blockes anpassen, werden somit auch
Multiprojekt Umsetzung
Projekttitel Multi-Sprachen-Projekt Inhalte /projekt1 Globale Templates und Skripte /multi-wGlobal Globale Assets / Bilder / Downloads /multi-wAssets(sofern pro Projekt eigene Assets-Verzeichnisse erforderlich/gewünscht sind, müssen Sie dies
Hinweisbox bei Aufruf einer Seite / Layer für Aktionen
sind. Das Beispiel kann individuell für das gewünschte Vorhaben abgeändert werden. Achten Sie beim Einsatz von Bildern, daß diese ohne lazyload umgesetzt sind und somit sofort geladen werden. Störer / Hinweis-Seite in Mobile First
Projektumstieg von BASE Classic auf BASE (Mobile First)
Dies gilt auch für andere eventuell verwendete globale Elemente bzw. Inhalte. Zur Übernahme Ihrer bisherigen "Bilder / Assets / Dokumente" gehen Sie ähnlich vor und stellen diese über eine Backup-Wiederherstellung dem neuen Projekt zur
SVG-Grafik im Bild-Element nutzen
eine Beeinflussung hinsichtlich Breite, Höhe und individueller Formatierung. Weiterführende Links Farbe von SVG Bilder beim Überfahren mit der Maus
-w-editmaskExtended-initdelay
0 .listBannerSlider_var0 { /* ... */ ; -w-editmaskExtended-initdelay: yes; /* ... */ } Listenoptionen Bildergalerie - Animation verzögert starten Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic Projekte und
-w-editmaskExtended-fadetime
99 .listBannerSlider_var99 { /* ... */ ; -w-editmaskExtended-fadetime: yes; /* ... */ } Listenoptionen Bildergalerie - Automatisch wechseln (nach x Sekunden) Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf BASE Classic
-w-add-events
onclick-Event dem Element mit der Klasse listPictureGallery_var31 hinzugefügt, so dass sich die Vollbildansicht der Bildergalerie öffnet, sobald man diese anklickt. zu Beispiel 1: Über das Ereignis aufgerufene Funktion function
Pflegetag-Referenz
definiert werden, um so eine optimierte Pflegemaske zu erhalten. Übersicht der verfügbaren Pflegetags Pflege von Bildern Link-Tags lassen sich als Ganzes über eine konfigurierbare Maske pflegen. Pflege von Inhaltsgruppen Über
wRepository::setPublicDocument
Macht das Bild öffentlich zugänglich, um dies über die Cloud zu teilen Quelltext <?php $path = '/cloud/mustermann/Bilder/Ausflug.jpg' ; wRepository :: setPublicDocument ( $path ); ?> Hinweis Beim Einsatz von Framework-Funktionen in
wCSS::optimizeCSS
fall diese genutzt werden soll generateDataURL => (z.B.: extensions:gif,png;dirs:images/links) Legt fest, welche Bilder in DataURLs umgewandelt werden sollen. Beispiel: Optimiert das CSS Quelltext <?php $cssStr = 'html
Das wGlobal Verzeichnis - Anpassungen für Ihr Projekt
des Projektes und seinen Sprachen notwendig sind: Editoreinstellungen für die Bearbeitung von Navigationen, Links, Bildern, Tabellen und den WYSIWYG-Editor Zentrale Layout-Bilddateien (Hintergrundbilder, Icons, etc) CSS-Stylesheets
Dateitypen für Vorschaubilder umwandeln
dateiendung Ein Vorschaubild kann auch eine andere Dateiendung als das Orginalbild haben. Wenn Sie z.B. alle Bilder als PNG oder JPG pflegen, Thumbnails aber als GIF ausgeben wollen, können Sie dies erreichen, indem Sie der Funktion
CSS3 - gewusst wie
als bisher umsetzen. Unser Dev-Blog-Artikel beschreibt die technischen Details hierzu genauer. Mühsame Umsetzungen mit Bilder entfallen so. Um die verschiedenen Browser zu unterstützen, gibt es von CSS3 PIE ein .htc Skript speziell für die
Hintergrundbilder dynamisch anzeigen
die Dauer des Seitencache bestehen bleiben PHP.-Skript: Hintergrundbilder dynamisch einlesen Denkbar ist auch, daß Sie Bilder bezogen auf Zeiträume bzw. Ereignisse ablegen und zum jeweils passenden Zeitraum bzw. Ereignis einlesen. Beispiel 2: