[!--Anrede--] [!--Kontakt--],
heute zeigen wir Ihnen, wie Sie in Weblication® die hochkomprimierten AVIF-Bilder nutzen.
Und Sie erfahren, wie Sie Bildausschnitte mit Parallax Effekt nach links und rechts beim Scrollen der Seite bewegen.
Das und vieles mehr in unseren Wochennews.
Hochkomprimierte AVIF-Bilder in Weblication® Präsenzen ausgeben
Neben WebP können Sie nun auch AVIF-Bilder in Weblication® Präsenzen ausgeben.
Das Bildformat AVIF (AV1 Image File Format) bietet eine sehr gute Effizienz bei der Komprimierung von Bildern und bietet dabei eine hohe Bildqualität. Auch bei höheren Komprimierungsraten bietet das Format eine sichtbar gute Bildqualität. Dazu unterstützt das Format auch transparente Hintergründe und Animationen.
Bildbearbeitung: AVIF- und WebP-Bilder in Weblication® bearbeiten
Mit der integrierten Bildbearbeitung in Weblication® können Sie nun auch WebP- und AVIF-Dateien bearbeiten.
Verfügbar ab Weblication® Version 020.001.204.000
Hochkomprimierte Bilder: AVIF Unterstützung in htaccess per BASE Updater ergänzen
Über den BASE Updater lässt sich die Unterstützung für hochkomprimierte AVIF-Bilder in den htaccess-Dateien ergänzen.
Verfügbar ab Weblication® Version 020.001.191.000

Bildausschnitte mit Parallax Effekt nach links und nach rechts
Für die Inhaltsbox (mit weiteren Elementen befüllbar) sind weitere Untervarianten verfügbar:
- Parallax Effekt nach links
- Parallax Effekt nach rechts
Damit lassen sich Bildausschnitte (Hintergrundbilder) in der Inhaltsbox beim Scrollen nach links oder rechts verschieben, was für einen interessanten Effekt bei der Bilddarstellung führt.
Beispiel innerhalb eines mehrspaltigen Containers - so geht's:
- Fügen Sie zunächst einen mehrspaltigen Inhaltscontainer in der Seite ein.
- Fügen Sie dann in einer der Spalten eine Inhaltsbox ein.
- In der Konfiguration der Inhaltsbox geben Sie ein Hintergrundbild an.
- Installieren Sie bei der Höhe eine oder mehrere Untervarianten zur Angabe der Höhe der Inhaltsbox.
- Wählen Sie eine entsprechende Höhe aus.
- Installieren Sie beim Parallax Effekt Hintergrund den oder die gewünschten Effekte (nach links bzw. nach rechts).
- Wählen Sie den gewünschten Parallax Effekt Hintergrund aus.
- Nach dem Speichern der Seite können Sie den Effekt ansehen.
Verfügbar ab BASE für Version 20



Barrierefreiheit: Video lokal - Bedienung per Tabulator-Taste
Im "Video lokal" haben wir eine Optimierung zur Barrierefreiheit vorgenommen: Es ist nun die Bedienung per Tabulator-Taste möglich.
Verfügbar ab BASE für Version 20
Metadaten von Bildern auslesen
Die Metadaten von Bildern (z.B.: EXIF, IPTC) können für die weitere Verarbeitung aus der Bilddatei übernommen werden.
Ist dies erwünscht, muss in den Verzeichniseinstellungen (Hochladen) die Option zum Verkleinern des Bildes deaktiviert sein. Nur dann werden die Metadaten nicht aus der Bilddatei gelöscht.
Ab CMS-Version 20 können Sie zudem festlegen, wie beim Einchecken eines Bildes die Metadaten aus dem Bild in den Titel und die Beschreibung der Dateieinstellungen übernommen werden sollen.
PDF blätterbar: Seiten pro Blatt angeben
Zum blätterbaren PDF können über die CSS-Only Variante 608 in der Bildergalerie auch Seiten pro Blatt angegeben werden, z.B.: -w-option-pagesPerSheet:22; /* Seiten pro Blatt [1(Eine)|2(Zwei)|22(Zwei mit Deckblatt)] */
Verfügbar ab BASE für Version 20
PDF-Blätterkatalog ermöglicht nun direkten Seitenaufruf
Zur Bildergalerie-Variante 608 (PDF Blätterkatalog) ermöglicht die aktuelle ui.js nun den direkten Aufruf einer Blätterseite. Zur Nutzung der Funktion sind die neuesten BASE JavaScript Dateien ui.js / design.js erforderlich.
Verfügbar ab BASE für Version 20
Inhaltsbox: Ausblenden in Mobilansicht
Für die Inhaltsbox (mit weiteren Elementen befüllbar) ist eine neue CSS-Only Untervariante als Option verfügbar:
- 510: Ausblenden in Mobilansicht
Verfügbar ab BASE für Version 20
Vertikale Bereichsnavigation: Bei kleinen Bildschirmen Menü anzeigen / nicht anzegen
Die Varianten mit vertikaler Bereichsnavigation wurden um folgende Einstellung erweitert:
- $showMenuIfMobile:yes; /* Bei kleinen Bildschirmen Menü anzeigen [no(Nein)|yes(Ja)]*/
Verfügbar ab BASE für Version 20
BASE Templates: Weiterleitungen aus Listen in neuem Fenster öffnen
Das redirect-Objekttemplate wurde um folgende Einstellung erweitert:
- In neuem Fenster öffnen, falls die Weiterleitung in einer Liste erscheint
Hierzu muss auch das default-Listentemplate aktuell sein.
Verfügbar ab BASE für Version 20
ui.js: Nach Laden eines Link mit Anker steht Tab-Fokus auf dem Anker
Nach dem Laden eines Links mit Anker wird der Tabulator Fokus auf den Anker gesetzt.
Verfügbar ab BASE für Version 20
Ajax-Liste: Nach dem Laden steht Fokus auf dem nächsten geladenen Listeneintrag
Nach dem Laden einer Ajax-Liste wird der Fokus auf den nächsten geladenen Listeneintrag gesetzt.
Verfügbar ab BASE für Version 20
Benutzerregistrierung: Timestamp wird in creation-Tag geschrieben
Beim Aktivieren des zu registrierenden Benutzers wird nun der aktuelle Timestamp ins creation-Tag geschrieben.
Verfügbar ab BASE für Version 20
GRATIS-Online-Seminare
In unseren Webinaren lernen Sie Funktionen und Technik von Weblication® CMS kennen.
Modul Leichte Sprache
Wir zeigen Ihnen, wie Sie mit dem Weblication® Modul Leichte Sprache in
Verbindung mit dem Barrierefrei-Menü Texte in Leichter Sprache
hinterlegen und anzeigen und KI-basiert Übersetzungen erzeugen.
Level: Produkt kennenlernen
Termin: 11.11.2025 • 10:00 - 10:15 Uhr
Individuell für Entwickler + Webdesigner
Ihr persönlicher Termin: Aufbau eines Weblication Projekts - So geht's
Installation, Layout, Weblics, CSS-Only Varianten, Banner, Slider, Listen, Objekte, Objekt-Wizard uvm.
Projektkonfiguration, KI-Modul, globale und wiederverwendbare Inhalte, mehrsprachige Websites, Cloud, verschlüsselter Briefkasten, ...
Level: Produkt kennenlernen, Grundkenntnisse CSS
Termin: Ihr persönlicher individueller Termin
Kostenlos
Melden Sie sich gleich an:
Für alle Fragen stehe ich Ihnen gerne zur Verfügung. Ich freue mich auf Ihren Anruf oder Ihre Mail.
Herzliche Grüße
Heidi Sutter
Vertriebsleiterin
Tel. +49 (0) 7851 / 899 999-320
E-Mail: sutter@scholl.de
