Volltextsuche
wThumbnail::createThumbnail
eingepasst wird Quelltext <?php $pathThumbnail = wThumbnail :: createThumbnail ( '/devAssets/img/bild-rot.png' , 120 , 120 , 'embed' ); print ' . $pathThumbnail . '"/>' ; $pathThumbnail = wThumbnail :: createThumbnail (
HD-Funktion in BASE-Projekten nachrüsten
#searchSubmit { background-image: url (/[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/backgrounds/button-search@2x.png) ; background-size: 22px 20px;} .elementText ul { margin-top: 0; margin-bottom: 10px; padding-left: 22px; list-style:
So setzen Sie eine intelligente Bildauswahl um
das Bildelement setzen Sie über das pathEmpty -Attribut den Pfad des Platzhalterbildes (z.B. /wAssets/img/placeholder.png ). Über das pathIfEmpty -Attribut geben Sie an, in welchem Pfad die Dateiauswahl starten soll, wenn kein Bildpfad
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 zur
Bilder web-optimiert darstellen lassen
wird, ohne Rücksicht auf die Dateigröße? In diesem Fall können Sie einen Trick nutzen und JPEG-Bilder z.B. als PNG-Bilder darstellen. Dadurch erhalten Sie zwar größere Bilder, allerdings mit höherer Qualität. JPEG-Bild verlustfrei
WebP-Unterstützung für hochoptimierte Bilder
Browser-Unterstützung eine automatisch generierte Webp-Version des Bildes genutzt werden soll. Webp auch für PNG-Bilder Ab CMS-Version 015.001.005.000 wird WebP neben JPEG-Dateien auch als alternatives Format für PNGs unterstützt,
wThumbnail
Erstellt verkleinerte Vorschaubilder
Logo sprachabhängig ausgeben
... --> <!-- ### Hier definieren Sie die Variable für den Pfad der sprachabhängigen Logo-Bilddatei (z.B. als png-Grafik) ### --> name= " logoFurtherLanguage "> select= " $wGlobalProjectPath "/> /wGlobal/layout/images/logo-
So prüfen Sie die Personalisierung bzw. Zeitsteuerung bei Binärdateien
in den Beispielprojekten bereits standardmässig so umgesetzt. Falls Sie andere Dokumententypen wie z.B. Bilder (JPG, PNG, etc.), ZIP oder PDF-Dateien personalisieren wollen, können Sie den Direktaufruf solcher Binärdateien über eine
WebP-Bilder nutzen
nutzen Nutzbar ab: Version 17. März 2023 webp bilder generieren vorschaubilder thumbnails htaccess Um aus JPG / JPEG / PNG Bilder automatisiert WebP-Bilder innerhalb der Webseiten zu nutzen, sind diverse Punkte zu beachten. Die BASE (Mobile
wThumbnail::getPathOrig
Quelltext <?php $pathThumbnail = "/devAssets/img/weblication/wThumbnails/bild-rot-219eec19e938a03g6e98d33752e8fa5c.png" ; print wThumbnail :: getPathOrig ( $pathThumbnail ); ?> Ergebnis /devAssets/img/bild-rot.png Hinweis Beim Einsatz von
wImage::resize
soll (0-100) Beispiel: Ändert die Bildgrösse wie angegeben Quelltext <?php $pathImage = "/devAssets/img/bild-rot.png" ; $pathImageResized = "/devAssets/img/bild-rot-resized.png" ; print 'Originalbild: . $pathImage . '" />' ; if( wImage
wCSS::optimizeCSS
pathCSS3Pie => String Pfad zu CSS3Pie, 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
Umsetzung einer Internetpräsenz für mobile Endgeräte in älteren Projekten
"/> rel= " apple-touch-icon " href= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/apple-touch-icon.png "/> rel= " apple-touch-icon " href= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/apple-touch-icon-precomposed.png
Uploadereignis abhängig von der Bildgröße nutzen
:: getPathGlobal ( $eventData [ 'projectPath' ])); if( $widthResizeOnUpload != '' ){ if( preg_match ( "/gif|jpg|jpeg|png/i" , wPathName :: getFileExtension ( $eventData [ 'filePath' ]))){ if( wImage :: getWidth ( $eventData [ 'filePath' ])
Callback-Funktionen zu WSL-Buttons nutzen
upload="1" preview="picture" previewStyle="width:120px;height:auto" dirType="image" extensions="gif|jpg|jpeg|png" validator="/^(|.*\.(gif|jpg|jpeg|png))$/i" path="/baseAssets/img/news" pathIfEmpty="/baseAssets/img/news"
Links / Querverweise über Lightbox
bietet die Möglichkeit, die Klasse für die Fancybox auszuwählen. Über selectIfMatchHref="gif|jpg|jpeg|png" wird bei Verlinkung eines Bildes mit einer der genannten Dateiendungen die Klasse "box" automatisch vorausgewählt.
Bedeutung der Validatoren bei der Pflege textbasierter Daten
(z.B. 29,99). Dies wird z.B. für Preisangaben im Mini-Shop Weblic® bei den Produkten verwendet. /^(|.*\.(gif|jpg|jpeg|png))$/i Über diesen regEx wird das Feld darauf geprüft, ob eine Bilddatei enthalten ist. Sofern dies nicht der Fall ist,
wThumbnail::getPathThumbnail
Bildes Beispiel: Ermittelt den Pfad eines Vorschaubildes Quelltext <?php $path = "/devAssets/img/bild-rot.png" ; $width = "234" ; $height = "123" ; $mode = "embed" ; $options = "" ; print wPathName :: removeDocumentRoot ( wThumbnail
wImage::getWidth
Standard Beispiel: Ermittelt die Breite des angegebenen Bildes Quelltext <?php $pathImage = "/devAssets/img/bild-rot.png" ; $imgWidth = wImage :: getWidth ( $pathImage ); print ' . $pathImage . '" /> ' ; print 'Breite des Bildes: ' .
wImage::getHeight
Standard Beispiel: Ermittelt die Höhe des angegebenen Bildes Quelltext <?php $pathImage = "/devAssets/img/bild-rot.png" ; $imgHeight = wImage :: getHeight ( $pathImage ); print ' . $pathImage . '" /> ' ; print 'Höhe des Bildes: ' .
Änderungen in Weblication® CMS Core/GRID
auch Bilder nach folgender Syntax hinterlegen: nur Bild [/img.svg], verlinktes und formatiertes Bild [/info.php /img.png imgStyle="width:240px"] 018.007.068.000 30.01.2024 Beim Linkaufbau sind zusätzlich zu berücksichtigende Projekte
Weblication® Entwicklerbereich
auch Bilder nach folgender Syntax hinterlegen: nur Bild [/img.svg], verlinktes und formatiertes Bild [/info.php /img.png imgStyle="width:240px"] 05 März BASE für Version 18: Video von extern einbinden 1.0.204: Bei Vimeo-Videos wird nun
Pflege von textbasierten Daten
eingeschränkt ist. Mehrere Dateiendungen werden mit dem Pipe-Zeichen | getrennt. z.B.: extensions="gif|jpg|jpeg|png" mögliche Werte: [Dateiendungen] notwendig: nein nutzbar bei: editor = 'file' path legt den Pfad fest, mit dem die
Pflegemasken für Binärdateien
"/> id= " wBody "> class= " wEditorExtensionSheet "> test= " php:functionString('preg_match', '/(gif|png|jpe?g|svg)$/i', $wDocumentPath) = '1' "> src= " {php:functionString('wPathName::getPathDraft',
Pflegemasken für Binärdateien
"/> id= " wBody "> class= " wEditorExtensionSheet "> test= " php:functionString('preg_match', '/(gif|png|jpe?g|svg)$/i', $wDocumentPath) = '1' "> src= " {php:functionString('wPathName::getPathDraft',
So passen Sie die Listenübersicht einer Weblication® Liste an
xsl : variable name = "thumbnail" > < xsl : choose > < xsl : when test = "@extension = 'jpg' or @extension = 'png' or @extension = 'gif'" >< xsl : value - of select = "@path" /> < xsl : when test =
So schliessen Sie Dateiendungen von der Versionierung aus
aus der /weblication/grid5/conf/default.wConf.php zur Versionierung version= " 5.0 "> ... ... extensionsExcluded= " png|jpg|gif
So lesen Sie Inhaltsbilder über ein Listentemplate aus
ausgelesen) bestimmen --> name= " thumbnailContent "> test= " wd:stat/@extension = 'jpg' or wd:stat/@extension = 'png' or wd:stat/@extension = 'gif' "> select= " @path "/> test= "
So legen Sie die Anzahl der Datei-Versionen fest
aus der /weblication/grid5/conf/default.wConf.php zu numberVersionsMax version= " 5.0 "> ... extensionsExcluded= " png|jpg|gif " numberVersionsMax= "
Pflegemasken für Metadaten aus der Dokumentenerweiterung
"/> ) class= " wEditorExtensionValue "> <!--web:text:start editor="file" upload="1" extensions="gif|png|jpg|jpeg" preview="picture" pathIfEmpty="/[IHR-ASSETS-PROJEKT]/img" inputStyle="width:100%"--> select= "
So binden Sie Binärdateien für Sprachportale ein
mask', 'Pflegemaske anpassen', 'Editer masque dwAposaffichage')} "/> test= " php:functionString('preg_match', '/(gif|png|jpe?g|svg)$/i', $wDocumentPath) = '1' "> src= " {php:functionString('wPathName::getPathDraft',
Beliebige Elemente dynamisch mit PHP einbinden
Beispiel dynamisch zu setzen. $imagesDir = wRepository :: grepDocumentsDir ( '/devAssets/img/devblog/lurchi' , '(jpg|png)' ); $elementdata [ 'src' ] = $imagesDir [ rand ( 1 , count ( $imagesDir ) - 1 )]; $elementdata [ 'title' ] = 'Lurchi in
Wasserzeichen / Copyright in Bilder setzen
$extension = strtolower ( $extension ); //Erstellen eines IMG - Objektes ausgehend von einem bestehenden if( $extension == 'png' ){ $image = imagecreatefrompng ( $_SERVER [ 'DOCUMENT_ROOT' ]. $path ); imageAlphaBlending ( $image , false );
Speicherplatzmanagement
werden sollten/müssen. Hochladen: Große Dateien herunterrechnen oder nicht erlauben Bezogen auf Bilder (jpg, jpeg, png, gif) bietet Weblication® über Verzeichnisereignisse die Möglichkeit, die Dateien schon vor dem Hochladen auf eine
Kategorienfilter Schaltflächen um Icon ergänzen
span[data-value="254275254275"]::before { content: url ('/basemfbAssets/img/produkte/blueline-12x16.png') ; position: relative; top: 4px; } /* Schaltfläche um Text-Symbol erweitern - data-value entspricht Shop-Kategorie
Hintergrundbilder dynamisch anzeigen
der XSLT-Transformation ausführen) $imagesDir = wRepository :: grepDocumentsDir ( '/default-wAssets/img/demo' , '(jpg|png)' , array( 'caseInsensitive' => true )); $backgroundImage = $imagesDir [ rand ( 1 , count ( $imagesDir ) - 1 )]; wEnv ::
HTML Meta-Daten setzen und pflegen
= 'ogimage']/text() != '' "> <!-- Stellen Sie sicher, dass nur JPEG-, PNG- oder GIF-Bilder im Pfad auswählbar sind und die von Facebook empfohlene Bildgrösse verwendet wird --> property= "
Strukturierte Daten in Webseiten
"name" : "Mustermann AG", "sameAs" : "https://www.IhreDomain.tld", "logo" : "https://www.IhreDomain.tld/images/logo.png" }, "jobLocation" : { "@type" : "Place", "address" : "' . wDocumentData :: getDataAsHTML ( $_SERVER [ 'PHP_SELF' ],
So nutzen Sie Filter innerhalb einer Liste
$query [ 'filterset' ][] = array( "wPath" => "/wd:stat/@extension" , "operator" => "containsi" , "condition" => "png" ); //print " "; //var_dump($query['filterset']); //print " "; $result = wRepository :: selectDocuments ( $query ); foreach(
Änderungen in Weblication® CMS Core/GRID
kann der Online-Status der Arbeitskopie einmalig gesetzt werden. 007.002.108.000 28.10.2012 Beim Freistellen von PNGs wird die Transparenz mit berücksichtigt. 007.002.105.000 26.10.2012 Durch gleichzeitiges Drücken der Strg-Taste
Änderungen in Weblication® CMS Core/GRID
im Editor anspringen. 012.003.069.000 20.07.2017 Falls optiPNG installiert ist, kann es zusätzlich zur Optimierung von PNG-BIldern genutzt werden. 012.003.068.000 19.07.2017 Neue PHP-Framework Funktion wURL::decodeUrlAlias(String $urlAlias,
Änderungen in Weblication® CMS Core/GRID
automatisch zur Auswahl. 015.001.005.000 30.06.2020 WebP wird nun neben JPEG-Dateien auch als alternatives Format für PNGs unterstützt, um Bilder schneller darzustellen. 015.001.000.000 25.06.2020 Final Version Version 14.x 014.009.000.000
Einfügen von Bildern im Inhaltsprojekt verhindern
können Sie es dort auch wieder übersteuern. onBeforePasteFile Event der Projektereignisse if( preg_match ( '/jpg|jpeg|png|gif/i' , wPathName :: getFileExtension ( $eventData [ 'filePath' ]))) { $jsString = "alert('Hier dürfen keine