Entwickler-Artikel

Die Variante 400 des BannerSliders ermöglicht eine mehrspaltige horizontale Anordnung der Bannerbilder.

Mit dem Weblic® "Inhaltsbereich aus einer anderen Seite einbinden" binden Sie einen Inhaltsbereichscontaier aus einer anderen Seite ein. Im Gegensatz zum Weblic® "Inhalte aus einer anderen Seite einbinden" können Sie auf oberster Seitenebene den Inhalt der anderen Seite mitsamt Inhaltscontainer einlesen, was z.B. beim Einsatz einer Bereichsnavigation sehr nützlich ist.

Den Inhalt von Containertabs können Sie bei Aufruf ausblenden, um diesen erst nach Klick auf ein Register anzeigen zu lassen.

In der Regel fügt der Redakteur oder der Administrator aus einer Auswahl ein Element in die Seite ein. Dieses wird dann über das dafür passende XSLT-Template ausgegeben.

Wird bei einer Überschrift keine spezielle Ebene definiert, prüft das Element, ob davor bereits eine Überschrift existiert. Wenn ja, wird die Überschrift mit der Ebene 2 ausgegeben, ansonsten als Ebene 1. Da bei Objekte oft eine feste Gestaltung des oberen Seitenbereich samt erster Überschrift besteht, kann es sinnvoll sein, automatisch mit einer Überschrift der zweiten Ebene zu beginnen. Sie erreichen das, indem Sie vor der ersten einfügbaren Überschrift über PHP definieren, dass bereits eine Überschrift ausgegeben wurde.

Das Weblic® Kategorienfilter kann mehrstufig verwendet werden. Dieses Beispiel wendet die Standard-Kategoriendatei an, die mit dem Projekt installiert wird. Eine Liste soll zunächst nach Einträgen nach Kategorien der 1. Ebene und weiter nach Kategorien der 2. Ebene gefiltert werden.

Als Navigationshilfe für Seitenbesucher kann bei Bedarf eine Navigation im Fußbereich der Webseite verwendet werden.

Im Fussbereich einer Webseite werden die Inhalte in der Regel farbig abgesetzt, wozu sich ein Inhaltsbereich-Element anbietet.

Hintergrundbilder können entweder global für alle Seiten, navigationsabhängig pro Navigationspunkt oder auch individuell für jede Seite definiert werden. Auch Kombinationen sind möglich. Dabei überspielt dann der navigationsabhängige Hintergrund den globalen Hintergrund und der seitenspezifische Hintergrund wiederum den navigationsabhängigen.

Beim Einsatz von Google Maps können Sie auch individuelle Styles, z.B. von snazzymaps.com nutzen.

SVG-Bilder sind dann per CSS anpassbar, wenn sie direkt im HTML eingebettet sind, also nicht über IMG-Tag geladen werden. Für Bilder selbst gibt es dafür die Variante "SVG-Grafik eingebettet, per CSS formatierbar".

Das Facebook-Pixel können Sie als Analysetool zur Messung der Wirksamkeit einer Werbung einsetzen.

Akkordeon-Header sind standardmäßig mit H3-Elementen ausgezeichnet. Dies können Sie pro über CSS-Only Varianten allerdings beliebig anpassen. Denkbar sind z.B. DIV- oder auch H1- bzw. H2- Elemente.

Das Überschriften Weblic® ermöglicht in aktuellen Versionen bereits die Nutzung eigener Pflegemasken zu Untervarianten.

Das Listen Weblic® unterstützt in aktueller Version seit CMS-Version 014.004.041.00 die Möglichkeit, eigene Pflegemasken für Untervarianten zu nutzen.

Listeneinträge lassen sich als komplette Seite, in einer Lightbox oder auch direkt in der Liste selbst per AJAX laden. Über CSS-Only können Sie direkt in der Listenvariante definieren, wo und auf welche Art die Details beim Klicke auf einen Listeneintrag geladen werden sollen.

Wenn der Titel einer Liste nur aus einer Überschrift und nicht zusätzlich aus einem Link bestehen soll, können Sie das über die CSS-Only Option -w-option-displayTitle:onlyInner; festlegen.

In der Standardliste wird der Titel normal mit einem A-Tag umschlossen. Über die Option -w-option-displayTitle:onlyInner; können Sie dies deaktivieren.

Aktuelle Meldungen werden in der Regel mit einem Datum (z.B. Veröffentlichungsdatum) ausgeben, wozu das Format des Datums für die Detailseiten-Ausgabe allgemein definiert werden kann.

Aktuelle Meldungen werden in der Regel mit einem Datum (z.B. Veröffentlichungsdatum) ausgeben, wozu das Format des Datums über die Darstellungsvariante allgemein definiert werden kann.

Weblication® Version 14 ist mit einer weiteren Option ausgestattet, die dem Besucher die Sicherheit gibt, nicht automatisch Daten an Drittanbieter zu senden, ohne dass Sie als Entwickler auf den Einsatz externer Schriften, dynamischer Karten oder eingebundener Videos verzichten müssen.

Die Darstellungsvarianten einer Seite wird innerhalb der Objektdaten pageLayout definiert. Wenn Sie diese erben oder zentral ändern wollen können Sie das im CSS der Variante innerhalb der page.scss machen. Dort können Sie dann nicht nur die Variante selbst anpassen, sondern die Definitionen auch einfach über @extend von einer anderen Variante erben.

Das BASE-Projekt (Mobile First) wird hinsichtlich diverser Weblics® mit eine Standardvariante ausgeliefert, welche in der Regel mit der Variantennummer 0 bezeichnet ist.

Dekoratoren können auch verschachtelt werden, wenn diese sowohl im öffnenden als auch im schließenden Dekorator jeweils eindeutige Klassen definiert haben.

Eine Anwendung wie eine Liste kann sich CSS-Definitionen aus der CSS-Only Hauptvariante und auch den Untervarianten ziehen.

Die Darstellung über CSS lässt sich abhängig davon definieren, ob man sich im Editor, also Bearbeitungsmodus, befindet, oder im Frontend.

Der Breadcrumb Navigation wird standardmässig das Wort "Startseite" vorangestellt und mit der Startseite des Inhaltsprojektes verlinkt.

Das Weblic® Inhaltsbereich bzw. Inhaltsbox ermöglicht über die allgemeinen Einstellungen das Setzen einer maximalen Bildbreite und auch eine Mindestbreite bei Hintergrundbildern.

Bei vielen Objekten kann man inzwischen wählen, ob Redakteure dort nur Inhaltselemente einfügen können, die dann in einem fest definierten Inhaltsbereich ausgegeben werden, oder ob im Objekt selbst weitere Inhaltsbereiche ergänzt werden dürfen. Meist reicht es, wenn nur Inhaltselemente einpflegbar sind, über zusätzliche Inhaltselemente können hingegen umfangreicher gestaltete Seiten angeboten werden.

Banner-Elemente müssen je nach Umsetzung und Inhalten die unterschiedlichen Bildschirmgrößen der Clients berücksichtigen, damit alle Inhalte des Banners (z.B. InfoLayer Texte, etc.) optimal dargestellt werden.

Für Aufzählungszeichen in einem Textfeld können Sie unterschiedlichste Symbole nutzen.

Für Navigationspunkte können Sie Seitenanker pro Navigationspunkt setzen oder auch dynamisch Anker-Links für die Navigation generieren.

Objektdaten, wie z.B. bei aktuellen Meldungen im Einsatz, können bei Bedarf über den Struktureditor positioniert werden.

Listen lassen sich über AJAX aktualisieren und dabei die Parameter anpassen. Mit diesem Prinzip sind auch benutzerabhängige Filter umsetzbar bei denen die Liste durch die Benutzerangabe aktualisiert wird. In folgendem Beispiel kann ein Besucher einen Filter bzw. einen Suchbegriff in ein Eingabefeld eingeben und so die Liste filtern.

Die IDE von Weblication® CMS erlaubt den Abgleich von Layout-Dateien zu früheren Versionen bzw. auch zur aktuellen Version des Weblics-Servers.