[!--Anrede--] [!--Kontakt--],

heute zeigen wir Ihnen, wie Sie mit dem mehrspaltigen Inhaltscontainer in Weblication^® interessante Layout-Effekte erzielen, z.B. 

• Mehrfach verschachtelte und überlappende Boxen
• GRID-Layouts

Das und vieles mehr in unseren Wochennews.

Im mehrspaltigen Inhaltscontainer sind Grid-Layout Varianten verfügbar, um z.B. Bilder gekachelt anzuordnen:

• Grid 4 Kacheln (gridTiles 4)
• Grid 5 Kacheln (gridTiles 5)

Weblication^® unterstützt die Pflege von CSS Grid-Layouts (Gitter- oder Raster-Layouts). Damit lässt sich ein virtuelles Grid mit Elementen füllen, und die Elemente sind pflegbar.

In CSS Grid-Layouts können Sie Elemente in Spalten und Reihen ausrichten. Im Vergleich zu Tabellen ergeben sich dabei interessante Möglichkeiten der Gestaltung. So kann z.B. ein Element innerhalb eines CSS Grid Bereichs andere Elemente überlappen.

In der bestehenden Online-Demo auf https://www.coredemo.de sind unter dem Menüpunkt "Beispiele" Layout Beispiele für Elemente und Weblics^® verfügbar. Melden Sie sich an mit Benutzer: admin, Passwort: demo, und Sie können die Umsetzungen einsehen.

Beispiele ansehen

Mit den CSS-Only Eigenschaften -w-editmaskSmartTitle und -w-editmaskSmartDescription lässt sich die Variante im grauen Balken innerhalb der Bearbeitung individuell beschreiben.

Diese werden in den vorhandenen Grid-Layouts über die CSS-Only Darstellungsvarianten verwendet.

Auch für Listen können GRID-Layouts als Darstellungsvariante ausgewählt werden.

Mit dem mehrspaltigen Inhaltscontainer lassen sich interessante Darstellungen per Mausklick erzielen. Zwei Beispiele dafür stellen wir Ihnen heute vor (s. nachfolgende Screens).

In der bestehenden Online-Demo auf https://www.coredemo.de sind unter dem Menüpunkt "Beispiele" Layout Beispiele für Elemente und Weblics^® verfügbar. Melden Sie sich an mit Benutzer: admin, Passwort: demo, und Sie können die Umsetzungen einsehen.

Beispiele ansehen

Über die CSS-Only Einstellung -w-editmaskExtended-shape:yes; lassen sich Formen für Schaltflächen über Untervarianten definieren.

Verfügbar für BASE Blank für Version 20

Weitere Einstellungsmöglichkeit verfügbar, um das Setzen von h1 Überschriften zu steuern: 

-w-option-setH1InGroup1IfGroup3HasNoH1:yes; 
/* Falls die erste Inhaltsgruppe 3 keine H1 definiert hat, wird diese in der Inhaltsgruppe 1 gesetzt */

Verfügbar für BASE für Version 20

Über die Projektkonfiguration kann aktiviert werden, dass eine Datei für zusätzliche Scripte im Kopfbereich eingebunden wird (headAdditionalPost.wGlobal.php).

Verfügbar für BASE für Version 20

Es ist eine neue Einstellung für Telefon- bzw. mailto-Links verfügbar, um den Link-Titel bei Bedarf aus dem Aria-Text zu ziehen (CSS-Only: -w-option-addTitleIfEmptyFromAriaTexts:yes;).

Verfügbar für BASE für Version 20

Im Banner / Slider werden direkt verlinkte WebP-Bilder unterstützt.

Verfügbar für BASE für Version 20

In der Bildergalerie werden direkt verlinkte WebP-Bilder unterstützt.

Verfügbar für BASE für Version 20

Im Bild-Element werden direkt verlinkte WebP-Bilder unterstützt.

Verfügbar für BASE für Version 20

Im Inhaltsbereich (mit weiteren Elementen befüllbar) sind weitere Untervarianten für Hintergrundbilder verfügbar, z.B.:

• Hintergrundgröße Original
• Hintergrundposition links oben 
• Hintergrundposition rechts unten
• und weitere ... 

Verfügbar für BASE für Version 20

Das Dateiformat .lottie wird unterstützt.

Verfügbar für BASE für Version 20

Bei aktvierter Option "Ausgeblendete Inhaltsbereiche nicht berücksichtigen" wird der Seitencache korrekt berücksichtigt.

Verfügbar für BASE für Version 20

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: 27.01.2026 • 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: 

Zum Online-Seminar anmelden

Neu in Weblication^® und Weblics^®