Volltextsuche
thumbnail
Attribute [PATH] src * Pfad des Imagefiles, aus dem das Thumbnail generiert werden soll [PATH] srcAlt Alternatives Bild, falls das angegebene Bild nicht existiert
Bildgenerierung: ImageMagick in Weblication CMS nutzen
nutzen Nutzbar ab: Version 05. Oktober 2016 wconf bildgenerierung gd imagemagick Nutzen Sie zum Generieren von Bildern imageMagick für eine bessere Bildqualität und geringeren Speicherverbrauch! Ab Weblication® CMS Version 008.000.000.000 haben
HD-Funktion in BASE-Projekten nachrüsten
4: Aktuellstes Bild-Element installieren Schritt 5: CSS-Definitionen zum Bild-Element nachziehen Schritt 6: Variablen images_hd_* nachrüsten Schritt 7: Auf Retina-Gerät testen Schritt 1: Media-Queries nachziehen Sofern nicht vorhanden, fügen Sie
Systemvoraussetzungen Weblication®
für asyncrone Aufrufe Zlib Komprimierungsfunktionen GD Grafikfunktionen (inkl. FreeType), optional/zusätzlich imageMagick Cookie-Modul zu PHP-Sessions (session.use_cookies) PHP JSON Schreibrechte für den Webserver innerhalb/inklusive
Lazy Loading für Interaktive ImageMaps bzw. Erklärbilder
24. Oktober 2019 Änderungsdatum: 08. August 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
Interaktive Erklärbilder (ImageMap): Scrollevent nach Klick auf Labels bzw. Icons aktivieren
22. Februar 2023 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE So können Sie einstellen, dass onClick zu dem ImageMap-Marker oder den jeweiligen Label gescrollt wird. Je nach Ansicht ist es wünschenswert, dass onClick auf den Marker der
Version 14: Interaktive Imagemaps und Erklärbilder
Artikel Version 14: Interaktive Imagemaps und Erklärbilder
Logo sprachabhängig ausgeben
in der Pflegemaske des Logo-Elementes. Im Feld Logo kann dies z.B. wie folgt aussehen: /default-wGlobal/wGlobal/layout/images/logo-de.png Entsprechend legen Sie die sprachabhängigen Logo Bilder ab. Bei einem zweisprachigen Projekt mit "de" und
Wasserzeichen / Copyright in Bilder setzen
/ Copyright in Bilder setzen Veröffentlichungsdatum: 24. Juli 2014 Änderungsdatum: 22. Mai 2024 bilder picture image copyright wasserzeichen Weblication® liefert Ihnen Werkzeuge dafür, um Bilder mit einem Wasserzeichen-Effekt bzw.
Pflegemasken für Metadaten aus der Dokumentenerweiterung
test= " //wd:extension/wd:status/wd:online/@status = 'timer' "> class= " statusIcon " src= " /weblication/grid5/gui/images/icon_small/status_zeitsteuerung.gif "/> test= " //wd:extension/wd:status/wd:online/@status = 'off' "> class= "
So setzen Sie eine intelligente Bildauswahl um
... name= " Bild " en:name= " Picture " icon= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/element-icons/element_picture.gif " type= " picture.standard "> id= " title " type= " char.text "/> id= " display
Pflege von Bildern
Bildern Image-Tags lassen sich als Ganzes über eine konfigurierbare Maske pflegen. iconStyle definiert CSS, um die Darstellung des
Wo werden die Bildgenerierungen protokolliert und wie kann das Log für ein Bild eingesehen werden?
werden? Die Bildgenerierung wird seit ca. September 2018 protokolliert unter dem Pfad /weblication/grid5/logs/imageSizes . Das Log gibt Auskunft darüber, bei welchem Seitenaufruf welche Bildbreiten für welche Bilder übertragen wurden. Für
Bereich mit wechselbarem Bild umsetzen
und ausgegeben --> name= " headerBild "> id= " headerBild "> src= " {$wGlobalProjectPath}/wGlobal/layout/images/headerBilder/bild-orange.jpg " alt= " " /> ... /* Auszug aus design.css zum Headerbild */ #blockTop #headerBild {
Jedem Client sein Bild
sein Bild Veröffentlichungsdatum: 20. Dezember 2013 Änderungsdatum: 19. Februar 2021 weblication cms responsive images hd lazy Während der Redakteur nur ein Bild einpflegt, kümmert sich Weblication darum, dass jeder Client das für ihn
Mobile First BASE: Responsive Bilder
inzwischen sehr viele unterschiedlichen Bildschirmgrößen gibt, setzt die Mobile First BASE konsequent auf Responsive Images, um eine optimale Bildqualität bei gleichzeitig minimaler Bildgröße auszuliefern. Funktionsumfang der Responsive
wImage
Klasse für Bildfunktionen
Pflege von Links
Link-Tags lassen sich als Ganzes über eine konfigurierbare Maske pflegen.
Copyright Angabe für Bilder umsetzen
zur Positionierung ein Abstand (padding) für den im Bild generierten Copyright-Text definiert werden (nur über ImageMagick nutzbar). Die beiden kommagetrennten Werte zu -w-copyrightPadding und -w-copyrightPaddingHD beziehen sich der
Link-Icons (SVG) individualisieren
.isDarkBackground .isLightBackground, .isDarkBackground .isInverseBackground { a. intern: before { background-image: url ("# {$wGlobalProjectPath} /wGlobal/layout/images/links/intern.svg?stroke=# {$colorLinkIcon} ") } a. extern: before
CSS-Rendering - Inhalte wie Bilder automatisch in passender Breite generieren
BASE (Mobile First) Projekt ist zur Bildbreitenberechnung komplett anders umgesetzt und setzt konsequent auf Responsive Images, um eine optimale Bildqualität bei gleichzeitig minimaler Bildgröße auszuliefern (zum Artikel " BASE (Mobile First):
Listen
der Liste steuern: XML-Code eines Listenelements name= " Liste " en:name= " List " icon= " /deGlobal/wGlobal/layout/images/element-icons/element_list.gif " type= " list.standard "> id= " listtemplate " type= " src.file ">
Eigene Strukturelemente umsetzen
admin " time= " 1382449764 "/> name= " admin " time= " 1252018717 "/> src= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/element-icons/element_hr.gif "/> from= " " status= " on " to= " "/> value= " "/> value= " 3 "/> match= "
Limit für Pixelanzahl bei Bildgenerierung über GD setzen
unter PHP das GD-Modul zur Generierung von Bildern verwendet. Sollte über Ihren Provider der Einsatz von imageMagick möglich sein, empfehlen wir den Einsatz von imageMagick . Andernfalls lesen Sie bitte weiter. In heutiger Zeit finden
Bearbeitung von Auflistungen über den Internet Explorer
Korrekt: Definition für ul/ol in der design.css /* ... */ .elementText ul { margin: 0 0 10px 0; list-style-image: url ($wGlobalProjectPath/wGlobal/layout/images/icons/list-style-image.gif) } .elementText ol { margin: 0 0 10px 0} /*
Interaktive Imagemaps und Erklärbilder mit Weblication® CMS
und die Info-Layer mit Überschriften, Bildern, Texten und Links erweiterbar. Demoseite ansehen Interaktive Imagemaps und Erklärbilder - Beispiel 1 Interaktive Imagemaps und Erklärbilder - Besipiel 2 Interaktive Imagemaps und
Systemeinstellung - Bilder | Weblication CMS Onlinedokumentation
Bildbearbeitung) für Weblication® Bildfunktionalitäten aktiviert werden. Im Gegensatz zum GD-Modul unter PHP liefert ImageMagick in der Regel bessere Bildqualitäten und ist ressourcenschonender. Sofern der entsprechende Webserver ImageMagick
Bilder und Banner für alle Bildschirmgrößen optimal anzeigen
12. Okt 2017 Mit Responsive Images bietet Weblication® mit der Mobile First BASE viele Möglichkeiten, um Bilder responsive optimiert für
Neu in Weblication® Version 14 - veröffentlicht am 01.07.2019
Weblics® WebP-Unterstützung für hochoptimierte Bilder WebP auch für Hintergrundbilder Weblics: Interaktive Imagemaps und Erklärbilder Weblics: Bedingter Container für besuchte Seiten Weblics: Opt-In Datenschutzeinstellung Weblics:
Bildbearbeitung | Weblication CMS Onlinedokumentation
Systemvoraussetzungen Weblication® | Weblication CMS Onlinedokumentation
für asyncrone Aufrufe Zlib Komprimierungsfunktionen GD Grafikfunktionen (inkl. FreeType), optional/zusätzlich imageMagick Cookie-Modul zu PHP-Sessions (session.use_cookies) PHP JSON Schreibrechte für den Webserver innerhalb/inklusive
Standorte, dynamische Anfahrtsroute und Umkreissuche 100% datenschutzkonform
Ein weiterer Vorteil des eigenen Tile-Servers ist, dass Sie die ausgelieferten Bilder bei Bedarf selbst über GD oder ImageMagick anpassen können. Elemente aus anderen Seiten in aktuell bearbeitete Seite einbinden Umkreissuche im Standorte-Weblic®
Bild-Editor / Onlinebildbearbeitung | Weblication CMS Onlinedokumentation
innerhalb der Serverumgebung zurück. Dies sind entweder die PHP GD-Bibliothek oder das Softwarepaket ImageMagick. Zumindest eines von beiden muß für die Onlinebildbearbeitung auf dem Webserver zur Verfügung stehen. Bildgröße
Newsletter Vorlage | Weblication CMS Onlinedokumentation
type= " char.display "> auto id= " text " type= " text.standard "> icon= " /[IHR-GLOBALES-PROJEKT]/wGlobal/layout/images/element-icons/element_text.gif " name= " Fliesstext " type= " text.wysiwyg " uid= " eaa83811245a7ad209a42fd6aa315735
Was sich von Weblication® Version 5, 6, 7, 8, 9,10, 11 bis hin zu Version 12 alles getan hat
Bilder Automatische 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 viewport-abhängige Bildausschnitte.
Pflegemaske zur Navigationsbearbeitung | Weblication CMS Onlinedokumentation
" editable= " 0 " levelsEditable= " "/> name= " img " editor= " file " value= " " caption= " Grafik " en:caption= " Image " editable= " 0 " levelsEditable= " " pathIfEmpty= " "/> name= " imgHover " editor= " file " value= " " caption= "
NEU: Weblication® CMS Version 8 ist da
Link- und Bildbearbeitung Optimierte Editor-Darstellung auch auf schmaleren Bildschirmen Unterstützung von ImageMagick zur automatischen Bildgenerierung Ein Newsletter kann per Klick im Webarchiv veröffentlicht werden
Was sich von Weblication® Version 5, 6, 7, 8 bis hin zu Version 9 alles getan hat
Bilder: HD High Definition Picture Rendering für HD-Displays wie z.B. Apples Retina-Displays Unterstützung von ImageMagick zur automatischen Bildgenerierung Ein Newsletter kann per Klick im Webarchiv veröffentlicht werden
Veröffentlichte Weblics® | Weblication CMS Onlinedokumentation
32 Pixel haben sollte und im Bild-Format (png, gif, jpg, svg) abliegen sollte. Wählen Sie als Ablageort am besten das images-Verzeichnis des globalen Projektes. Welche Angabe ist bei "nutzbar ab" vorzunehmen? Zu einem eigenen Weblic® können