Volltextsuche
Lazy Loading in Listen
Änderungsdatum: 19. Februar 2021 weblication cms lazy loading listen Listen unterstützen ab sofort Lazy Loading, um Bilder erst zu laden, wenn diese sich im Anzeigebereich befinden. Listen unterstützen ab sofort Lazy Loading, um Bilder erst
So lesen Sie Inhaltsbilder über ein Listentemplate aus
liste auslesen bild picture img inhalt content document concat Dieser Artikel beschreibt, wie Sie innerhalb einer Liste Bilder einlesen, die aus dem Inhaltsbereich der eingelesenen Dateien stammen. Über Weblication® Listentemplates stehen die
So definieren Sie ein Flash Movie, um andere Inhalte nicht zu verbergen
23. Februar 2011 flash swf movie animation verbergen überlagern Dieser Artikel beschreibt, wie Sie ein Flash-Bild als Objekt definieren, das andere Bilder oder Layer nicht überlagert. Ein Flash Film im Kopfbereich der Seite kann so
Hintergrundbilder dynamisch anzeigen
BASE Über den Layout-Wizard können Sie ein Hintergrundbild der Seite definieren. Soll nicht immer das gleiche Bild erscheinen und auch nicht manuell ausgetauscht werden, stehen Ihnen unterschiedliche Möglchkeiten zur Verfügung.
Lazy Loading für Interaktive ImageMaps bzw. Erklärbilder
2023 Projektgrundlage: BASE Das Weblic® Interaktive 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
wRepository::setPublicDocument
Funktionsaufruf Boolean setPublicDocument(String path) Parameter path Pfad des Dokumentes Beispiel: Macht das Bild öffentlich zugänglich, um dies über die Cloud zu teilen Quelltext <?php $path =
RSS: Weblication® Mobile First Changelogs
werden 05.03.2024 19:56 BASE für Version 18: Video von extern einbinden 1.0.204: Bei Vimeo-Videos wird nun der Bildausschnitt berücksichtigt 05.03.2024 17:10 BASE für Version 18: Link 1.0.98: Die Info zur Dateigröße der verlinkten Datei wird
wRepository::checkInDocument
true ); wRepository :: checkInDocument ( '/demoCore/downloads/flyer.pdf' , $options ); ?> Beispiel: Checkt mehrere Bilder eines Verzeichnisses ein Quelltext <?php $dir = '/default-wAssets/img/test' ; $documents = wRepository ::
WSL-Tags direkt in PHP aufrufen
aufrufen und dieser Funktion alle Attribute als assoziatives Array übergeben. Beispiel: WSL-Tag zum Pinnen von Bildern direkt in PHP einbinden Quelltext <?php print wsl_socialButtonPinterest :: parseTag (array( 'url' => wRequest ::
OpenStreetMap: Initialisieren der Map per Javascript beeinflussen
Über die Javascript-Variable wImageMapOptions können Sie die Darstellung der OpenStreetMap anpassen.
Beispiele für das Suchen & Ersetzen Werkzeug
Ausdrücken ersetzen/löschen Beispiel 8: Mit regulären Ausdrücken mehrere wd:object Tags ausfindig machen Beispiel 9: Bildergalerie 1.x auf Weblic-Version 2.x anpassen Beispiel 10: Fehlerhafte Dokumentenerweiterung anpassen Beispiel 11: Jahreszahlen
So nutzen Sie Filter innerhalb einer Liste
/dev/dokumentationen/framework/funktionen/wEnv-getHttpHost.php Beispiel: Beispiel: Ausgabe von Bildern, die dem angegebenen Pfad und Dateiendung entsprechen Quelltext <?php include( $_SERVER [ 'DOCUMENT_ROOT' ].
Weblication® Entwicklerbereich
um barrierefreie Websites umzusetzen wie z.B. die Funktionen der Pflichtangabe Titel bei zu veröffentlichenden Bildern, Vorlesefunktion, Schriftgrößenänderung, und vieles mehr ... 08 April BASE für Version 18: Formular 1.0.242: Neue
Navigation mit SVG-Icon pro Navigationspunkt
pro Navigationspunkt Nutzbar ab: Version 17.x 25. April 2023 navigation grafik bild svg icon Navigationen über Bilder bzw. Icons in der Darstellung optimieren Navigation mit SVG-Icon Die BASE erlaubt in aktueller Version, eigene
-w-picture-mode
embedTopLeft|embedTopRight|embedBottomRight|embedBottomLeft| force] Definiert den Bildmodus generierter Bilder default.wFilelist.php bannerSlider.wFilelist.php album.wFilelist.php gallery.wFilelist.php
-w-allow-enlargement
Nutzbar ab: Version 010.003.006.000 Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob bei der Bildgenerierung eine eventuelle Vergrößerung vorgenommen wird bannerSlider.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1:
Icons für Strukturelemente im Projekt hinterlegen
Im Editor können Sie für Strukturelemente eigene Icons hinterlegen. Einem Strukturelement können Sie ein beliebiges Bild in der Göße 18 x 18 px hinterlegen. Dieses wird dann dem Redakteur vor dem auszuwählenden Strukturelement angezeigt.
-w-aspectratio
von generierten Bildern default.wFilelist.php bannerSlider.wFilelist.php album.wFilelist.php gallery.wFilelist.php galleryTeaser.wFilelist.php
So setzen Sie Vorlagen mit Vorschaubild, Überschrift und Beschreibung um
wie z.B. im Bereich Aktuelles dem Template die Überschrift "Meldung", die Beschreibung "Aktuelle Meldung" und ein Bildsymbol zugewiesen wurde. ... Meldung Aktuelle Meldung src= " "/> src= " /de/wGlobal/layout/images/template-icons/page.gif
Pflege von Binärdateien über eine Pflegemaske
von Binärdateien über eine Pflegemaske 03. Mai 2016 pflegemasken masken binärdateien metadaten Pflegemasken für Bilder und Dokumente können bis auf Dateiebene zugewiesen werden. Die Pflegemasken können individuell gestaltet werden und
Spezielle Breite für CSS-Picture-Rendering setzen
Breite für den Inhaltsbereich ( #blockContent ) gesetzt (z.B. width:420px anstatt der sonst errechneten 490px ). Ein Bild innerhalb der Seite (z.B. /base/unternehmen/index.php ) würde beim Seitenaufruf lediglich über CSS auf die passende
Anpassen einer Variante des mehrspaltigen Inhaltscontainers über CSS-Only
Inhaltscontainers über CSS-Only Nutzbar ab: Version 20. Juli 2017 css css-only weblics container mehrspaltig bild kachel optik CSS-Only Varianten von Weblics® können Sie über CSS individuell anpassen Mit den Weblics® stehen Ihnen
Navigation unter dem Banner anzeigen
Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Die Navigation kann auch unter einem Seitenelement, meist einem Bild oder einem Banner angezeigt werden. Dazu müssen Sie im Seiten-Layout 'Hauptnavigation im Inhaltsbereich anzeigen
So setzen Sie einen Platzhalter im Text-Feld ein, der bei der Ausgabe gefiltert wird
gefiltert wird Veröffentlichungsdatum: 28. Juli 2010 Änderungsdatum: 24. November 2011 text platzhalter filter anker bild link Dieser Artikel beschreibt, wie Sie innerhalb eines Text-Feldes Platzhalter verwenden, die lediglich unterstützend
Lazy Loading Funktion bei Bildern aktivieren / deaktivieren
/ deaktivieren Veröffentlichungsdatum: 20. Juni 2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Für das Bild-Element ist in den CSS-Only-Varianten (z.B. Variante 0) die Lazy Loading Funktion in der Regel standardmässig
Lazy Loading in Listen
2019 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Listen unterstützen bereits im Standard Lazy Loading, um Bilder erst zu laden, wenn diese sich im Anzeigebereich befinden. Besonders bei kleinen Bildschirmen in Verbindung mit langen
Version 13: Mobile Performance durch neue Lazy Loading Funktionen
09. April 2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Beim Lazy Loading werden Bilder erst dann geladen, wenn diese im sichtbaren Bereich sind. Während dies bei schnellen Verbindungen meist nicht nötig
Online-Status von Binärdateien über Metadaten-Maske bearbeiten
offline status timer intervall zeitgesteuert zeitsteuerung veröffentlichung Der Veröffentlichungszeitraum von z.B. Bildern, PDF- und Office-Dateien kann im Standard über die Datei-Eigenschaften festgelegt werden. Veröffentlichungszeitraum
So setzen Sie ein Limit für die Originalgrösse von Vorschaubildern
maxPictureSize Dieser Artikel beschreibt, wie Sie eine Beschränkung der zugrundeliegenden Originalgröße eines Bildes für die Vorschaubild-Ansicht im Dateiexplorer setzen. Durch folgende manuelle Konfigurationseinstellung können Sie
Unerwünschte Aufrufe blockieren oder umleiten
schablone Das Weblication® Server-Monitoring gibt Ihnen Auskunft darüber, welche Aufrufe im Projekt stattfinden und bildet somit eine wichtige Grundlage, um z.B. unerwünschte Aufrufe zu blockieren oder umzuleiten. Die BASE liefert Ihnen
-w-entriesperrow
gallery.wFilelist.php galleryTeaser.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Anzahl der Bilder pro Zeile in der Fancybox-Bildergalerie auf 5 setzen .listPictureGallery_var2 .listEntriesPreview .listEntry {
Callback-Funktionen zu WSL-Buttons nutzen
Manipulation vorzunehmen. Folgender Fall demonstriert Ihnen eine mögliche Umsetzung. Beispiel 1: Hochgeladenes Bild inkl. Verlinkung löschen Beispiel 1: Hochgeladenes Bild inkl. Verlinkung löschen Bei Umsetzung eines Pflegeformulares
Performance-Optimierungen
CSS und JS Dateien Entpacken im Browser CSS und JS komprimieren Komprimieren über Apache mod_deflate Große Bilder auffinden Cache-Entlastung bei Suchmaschinenaufrufen OPcache nutzen Skript-Laufzeit, Webserver-Anfragen und Datenmenge
wThumbnail
Erstellt verkleinerte Vorschaubilder Funktionen createThumbnail Erstellt ein Vorschaubild auf Basis eines vorhandenen Bildes String createThumbnail(String path, Integer width, Integer height, String mode, Array options) getPathOrig Ermittelt
-w-quality
Beispiele / Anwendungsfälle Beispiel 1: Setzt für die Banner-Variante 99 die Qualität des Banner-Bildes auf 60% /* ... */ .listBannerSlider_var99 .listEntries .listEntryImage { /* ... */ ; -w-quality: 60; /* ... */ } Zu
wThumbnail::getPathThumbnail
default Das Bild wird so weit verkleinert, dass beide Seiten in die Vorgabe passen und der ggf. entstehende Leerraum abgeschnitten wird.
wThumbnail::getPathOrig
den Originalpfad eines Vorschaubildes Quelltext <?php $pathThumbnail = "/devAssets/img/weblication/wThumbnails/bild-rot-219eec19e938a03g6e98d33752e8fa5c.png" ; print wThumbnail :: getPathOrig ( $pathThumbnail ); ?> Ergebnis
-w-picture-srchover
Definiert Graustufen Vorschaubilder beim Mouseover in Farbe
-w-picture-background-color
Beispiele / Anwendungsfälle Beispiel 1: Setzt die Hintergrundfarbe für das zu generierende Vorschaubild in Bildergalerie-Variante 999 .listPictureGallery_var999 .listEntries .listEntryImage { /* ... */ ; -w-picture-background-color:
-w-editmaskExtended-mouseoverimage
Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob das Dateiauswahlfeld für den Pfad des Mouseover-Bildes angeboten wird container.box.wItem.php container.section.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert
-w-use-orig
Definiert, ob beim Generieren des Bannerbildes das Originalbild verwendet werden soll
-w-editmaskExtended-pictureaspectratio
Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahlbox zur Auswahl 'Seitenverhältnis' zur Bildergalerie-Variante 0 .listPictureGallery_var0 { /* ... */ ; -w-editmaskExtended-pictureaspectratio: yes; /* ... */ }
Lightbox-Darstellung beeinflussen
BASE Die Darstellung der Lightbox beim Öffnen von Detailbildern lässt sich individuell beeinflussen. Am Beispiel der Bildergalerie-Variante 2 (Kachelansicht) zeigen wir Ihnen auf, wie Sie die Darstellung der Lightbox bei Klick auf ein Vorschaubild
Pflege von Links
Link-Tags lassen sich als Ganzes über eine konfigurierbare Maske pflegen.
wProjectCur::getPathAssets
Ermittelt den Projektpfad des Asset-Projektes
Version 14: Interaktive Imagemaps und Erklärbilder
Mit dem neuen 14er Weblic können Sie Bilder durch Marker, Hinweise, Labels oder Info-Layer auszeichnen. Damit lassen sich selbst gestaltete Karten, Produktinformationen, Infografiken, Erklärbilder und sonstige interaktive Grafiken einbinden. Die Marker sind vom Redakteur per Maus positionierbar und die Info-Layer mit Überschriften, Bildern, Texten und Links erweiterbar.
CSS-Grid-Layout formatieren mit JavaScript in CSS-Only
diese Technik bietet. CSS GRID LAYOUT Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut commodo pretium nisl. Bild Bild Bild Bild Die Umsetzung nutzt einen mehrspaltigen Container mit fünf Spalten mit einer speziellen
Schriftgrößen zum Projekt festlegen
Die Größe der Schrift legen Sie im BASE Projekt an zentraler Stelle fest.
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
-w-onclick
einen Listeneintrag im Vorschaubereich gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Deaktiviert zur Bildergalerie-Variante 41 das onclick-Ereignis für einen Listeneintrag im Vorschaubereich .listPictureGallery_var41