Individuelle Web-Auftritte gestalten
mit dem surfboard CMS

Das vom Tagging bekannte AutoComplete-Tool kann nun für alle Texteingabe-Felder im Backend aktiviert werden.

Das Analyse-Tool Hotjar kann jetzt mit wenigen Klicks in das surfboard CMS integriert werden. Hotjar bietet Session Recordings und Heatmaps, die Ihnen detaillierte Einblicke in das Nutzerverhalten auf Ihrer Seite erlauben.

Zum Austausch von Geo-Daten steht jetzt zusätzlich auch GeoJSON als Format zur Verfügung.

Im surfboard Editor können jetzt e-Paper von verschiedenen Anbietern (z.B. YUMPU) einfach über ihre ID eingebunden werden.

Videos können nun auch über das bereits für Bilder bekannte backstretch-Plugin dargestellt werden. Dies erlaubt es, das Seitenverhältnis des Videos durch dynamischen Zuschnitt im responsive design zu ändern und den Zuschnitt dabei zu steuern.

Mit nominatim ist im Modul surfboard GEO nun eine Alternative zu Google Maps für die Koordinaten-Ermittlung zu einer Adresse — bekannt als geocoding — verfügbar.

Der beliebte Slick-Slider und die Animations-Bibliothek animate.css können jetzt im surfboard Editor zusammen eingesetzt werden, um die Inhalte einzelner Slides gezielt zu animieren.

Mit dem neuen vHeader-Plugin kann das Verhalten einer Header-Leiste nun noch genauer gesteuert werden.

Vom surfboard CMS gesendete Mails werden jetzt (optional) im neuen Mail-Log dokumentiert.

Im StyleEditor kann jetzt für jede Schriftarten-Datei einzeln eingestellt werden, ob sie vorab geladen werden soll oder nicht, So kann die Lade-Performance der Seite weiter optimiert werden.

Bilder können jetzt auch bei der Verwendung in Datentabellen bereits beim Upload zugeschnitten werden. Möglich wird dies durch die Integration von Cropper.js im Backend-Modul surfboard DATA.

Google ReCaptcha v3 kann nun zur Absicherung von Kontakt-Formularen aktiviert werden, ohne dass dafür im Template des Kontakt-Formulars Änderungen vorgenommen werden müssen. Das Tool kann im surfboard Editor einfach aktiviert werden.

Mails können vom surfboard CMS aus nun nicht mehr nur über den klassischen sendmail-Befehl des Web-Servers, sondern auch via SMTP mit Authentifizierung verschickt werden. Dies erhöht die Vertrauenswürdigkeit der gesendeten Nachricht und hilft dabei, mit automatisierten Mails nicht im Spamfilter zu landen.

Im Modul surfboard Gallery können nun - zusätzlich zu den Standards - individuelle Tools für Bilder eingebunden werden, z.B. die Zuordnung von Bildern zu einem bestimmten Eintrag einer Daten-Tabelle.

In die Eingabemasken eingebundene Tools für Datentabellen können jetzt an unterschiedlichen Stellen dargestellt werden: in der Werkzeug-Leiste oben wie bisher oder oberhalb des Daten-Bereichs (in Langform mit Label) oder auf einem spezifischen Tab der Eingabemaske.

twitter:card-Attribute sind jetzt auch im SEO-Modul im Tab Meta-Tags verfügbar, ebenso wie ein direkter Link zum Card Validator.

Im vscroller-Modul können jetzt Zielpunkte für das Scrollen auch einfach mit Ihrer HTML-ID angesprochen werden, z.B. für einen Button als vscroller-target="put-name-here". Die HTML-ID kann für jedes snippet im surfboard Editor festgelegt werden.

Für "backstretch slideshows" können nun direkt im surfboard Editor die Übergänge festgelegt, sowie vor/zurück-Buttons und Bildunterschriften eingeblendet werden.

Mit dem neuen Ausrichtungs-Werkzeug für backstretch-Elemente kann nun das Verhalten des Bildes in Abhängigkeit von der Bildschirmgröße angepasst werden. Mit einem Klick wird der zentrale Punkt des Bildes definiert, der stets sichtbar und stets soweit möglich in der Bildschirmmitte bleibt.

Wichtige Sicherheitseinstellungen für die Website können jetzt im Administrations-Bereich unter Setup bearbeitet werden. Dort können die Werte für sicherheitsrelevante Header, wie z.B. X-Content-Type-Options oder Content-Security-Policy festgelegt werden. Außerdem kann hier für das Session-Cookie der 'secure'-Parameter aktiviert werden.

Bilder-Galerien, die mit dem Slick-Plugin dargestellt werden, kommen nun ganz ohne zusätzliches CSS aus.

Die Überprüfung von Benutzer-Eingaben innerhalb eines form-Elements kann nun auch mit dem jQuery Validation Plugin erfolgen.

Zahlreiche Tools und Eingabemasken innerhalb des Backends sind jetzt auf das neue, klarere und einheitlichere UI-Schema flex-ui umgestellt.

Mit dem neuen multilevel-navbar-Element können Menüs nun auch über mehr als zwei Ebenen als navbar eingebunden werden, wobei alle vom navbar-Element bekannten Features erhalten bleiben.

Mit dem überarbeiteten Backup-Manager sehen Sie nun auf einen Blick, welche Backups verfügbar sind, sowohl für das Datei-System als auch für die Datenbank. Backups können direkt aus der Liste per Klick heruntergeladen, gelöscht oder wiederhergestellt werden.

svg-Grafiken können nun auf unterschiedliche Art über den surfboard Editor eingebunden werden: entweder über img oder object-Tags oder direkt inline. Die inline-Einbindung vereinfacht das Arbeiten mit svg, z.B. für interaktive Anpassungen und Animationen.

Mit dem neuen sync-Job für Seiten können nun nicht mehr nur Daten-Tabellen und Bilder-Galerien, sondern auch Seiten-Layouts zwischen verschiedenen Installationen des surfboard CMS synchronisert werden.

Im Modul surfboard Gallery können nun innerhalb einer Galerie für jedes Bild zusätzliche CSS-Klassen festgelegt werden. Damit ist eine indivduelle Darstellung einzelner Bilder innerhalb einer Sammlung möglich.

Die Navigations-Pfeile des imagelightbox-Plugins sind jetzt auf icofont-Icons umgestellt, und können per CSS umgefärbt werden (Klasse .imagelightbox-arrow).

Bilder-Galerien können jetzt auch direkt im Modul surfboard Gallery umbenannt werden, das neue Tool "Galerie umbenennen" befindet sich im Tab "Tools & Einstellungen".

Die Auswertung der Zugriffszahlen unter surfboard SEO enthält jetzt - neben den Listen zu aufgerufenen URLs, verwendeten Browsern und Betriebssystemen - auch eine grafische Darstellung des Verlaufs der letzten 90 Tage.

Die Analysesoftware Matomo wird nun standardmäßig ohne Cookies in das surfboard CMS eingebunden werden. Die entsprechende Einstellung findet sich im Admin-Bereich unter Setup/Analyse. 

Mit der nun fest integrierten Effekt-Bibliothek animate.css können einzelne Elemente animiert werden. Jedem auf einer Seite platzierten Element kann ein Effekt zugewiesen werden, außerdem können die Geschwindigkeit und eine zeitliche Verzögerung eingestellt werden.

Mit der neu eingebundenen Bibliothek Animate on scroll (AOS) können einzelnen Elementen Effekte zugewiesen werden, die ablaufen, wenn das Element in den sichtbaren Bereich hereinscrollt.