Webseiten im CultureBase-CMS cb-flex
Moderne Webseiten sind für die Ausgabe auf verschiedenen Endgeräten optimiert, d.h. die Elemente passen sich dem jeweiligen Displayformat an (responsiv). Die mobile Navigation wird meist bereits ab Desktop angeboten, sodass sie zentral über ein Symbol (Burger-Menü) erreichbar ist.
Das Erscheinungsbild der Webseite mit Header, Footer und Navigationselement wird durch die pixelgenauen Entwurfsvorlagen definiert. Kulturserver arbeitet mit fünf Breakpoints – für Desktop, Tablet (Hoch-/Querformat) und Handy (Hoch-/Querformat). Alle Webseiten im neuen CultureBase-Content-Management-System cb-flex sind responsiv.
Innerhalb des Basis-Settings stehen im CultureBase-CMS zwei verschiedene Seitentypen zur Verfügung, mit denen über das CMS dynamisch und flexibel beliebig viele Seiten bzw. Seitenbereiche erstellt werden können. In der Basis-Version wird jeweils ein Design-Template pro Seitentyp bereit gestellt.
Bereits mit diesen beiden Templates lässt sich eine solide, responsive Basis-Webseite erstellen. Für mehr Flexibiltät und Varianz kann das Leistungsspektrum um verschiedene AddOns ergänzt werden.
Nachfolgend sind die Basis- & Special-Module und ihre Funktionsweisen beschrieben. In einem Workshop beraten wir Sie gerne zur Umsetzung Ihres Webauftritts im CultureBase-Kosmos.
Funktion: Seitentyp für Startseite, Über-uns-Seite, Impressum etc.
- Anlage via Redaktionssystem
- 3 verschiedene Sichtbarkeitsstufen (Erreichbarkeit via Menü / via Link / nicht aufrufbar)
- Element innerhalb des Menübaums verschiebbar, URL bleibt erhalten
Basis Template: Artikel mit/ohne Head Banner
Element Head Banner:
- Funktion: Media Banner zur Medienpräsentation mit Beschriftungen & Link-Buttons
- Abschnitt & Elemente flexibel ein- & ausblendbar
- Zeitgesteuerte Anzeige der Inhaltselemente
- Inhalt: Bilder (Standard),
AddOn: Ausgabe weiterer Medientypen z.B. Videos, Audios/Podcasts - Style: großflächige Ausgabe als Slider oberhalb des Textbereichs
Element Text:
- Funktion: redaktionelle Textausgabe
- Texteditor zur strukturierten Eingabe von Text-Inhalten
- Textformatierungen (kursiv, bold etc.) via GUI
- Verschiedene Strukturierungsoptionen wie festgelegte Überschriftgrößen zur
- Unterstützung der Barrierefreiheit, Tabellen etc.
- Integrierter Dokumentenupload (cb-dox), AddOn: Secure-Upload
- Einfügen von Verlinkungen
- Einfügen von Bildmaterial (cb-pix)
AddOns – Weitere Artikel-Templates
Template Gallery Tiles
Basierend auf dem dynamischen Standard-Artikel mit Head Banner wird hier die Ausgabe im doppelten Sinne umgedreht:
- im Kopfbereich erfolgt die Ausgabe des Text Editors
- darunter werden die Medien des Head Banners im kachelartigen Format als Galerie dargestellt
- Text und Button-Elemente der Medien erscheinen jeweils beim Hovern mit dem Mouse-Zeiger beim jeweiligen Kachelbild
Template Gallery Cards
Basierend auf dem dynamischen Standard-Artikel mit Head Banner wird hier die Ausgabe im doppelten Sinne umgedreht:
- im Kopfbereich erfolgt die Ausgaben der Text Editors
- darunter werden die Medien des Head Banners im kachelartigen Format als Galerie dargestellt
- Text und Button-Elemente der Medien werden jeweils innerhalb der einzelnen Kacheln unterhalb des Kachelbildes ausgegeben
Template Blog Artikel
Um bestimmte Artikel optisch von Standardartikeln abzuheben, können die Elemente des Standardartikels anders angeordnet werden. So können z.B. bei Blogartikeln Kategorie und Schlagworte sowie Artikelheadline und Untertitel oberhalb des Medien Sliders ausgegeben werden (siehe Grafik).
Weitere Specials:
- Ausgabe der Autorschaft bei mehreren Redakteur:innen (Blog-Modul)
- Integration Teilen-Funktion
- Aufbau & Ausgabe von empfohlenen Artikeln / Mehr zum Thema… (Tagcloudbasiert)
Basis Template Artikel
|
Template Gallery Cards - Beispiel 2
|
Template Gallery Tiles
|
Template Blog Artikel
|
Template Gallery Cards - Beispiel 2
|
Funktion: Seitentyp zur Stukturierung umfangreicherer Info-Bereiche z.B. Service, FAQ, etc.
Anlage via Redaktionssystem
Der Seitentyp besteht aus einem Einleitungsartikel mit/ohne Head Banner und beliebig vielen Unterartikeln mit/ohne Head Banner, die listenartig als aufklappbare Riegel angeordnet sind (siehe Struktur-Grafik).
- 3 verschiedene Sichtbarkeitsstufen (Erreichbarkeit via Menü / via Link / nicht aufrufbar)
- Element & Unterbereiche innerhalb des Menübaums verschiebbar, URL bleibt erhalten
- Abschnitte via URL einzeln ansteuerbar
Basis Template: Standard Akkordeon Page
- Abschnitt Einleitung:
Artikel mit/ohne Head Banner (Leistungsumfang Basis siehe oben) - Abschnitt Akkordeon:
Beliebig viele Artikel mit/ohne Head Banner (s.o.) zum Auf- & Zuklappen - Funktion & Style:
- Einleitungsartikel im Headbereich mit großflächigem Head Banner
- Akkordeon-Element zugeklappt: Ausgabe der Artikel-Headline
- Alle Akkordeon-Elemente sind beim Öffnen der Page geschlossen.
- Mit dem Öffnen eines Akkordeon-Elementes schließt ein bereits zuvor geöffnetes Akkordeon-Element.
- Style Artikel-Element aufgeklappt: Basis-Artikel mit/ohne Headbanner (Leistungsumfang Basis siehe oben)
AddOns 1 // Weitere Akkordeon-Templates
Akkordeon – Elemente mit Teaser Text
- Elemente & Funktion: äquivaltent zu Basistemplate Akkordeon
- Style: Akkordeon-Elemente sind beim Öffnen der Page geschlossen, haben aber den Textanfang als Teasertext.
Akkordeon – alle Elemente geöffnet
- Elemente: äquivalent zu Basistemplate Akkordeon
- Funktion & Style:
- Alle Akkordeon-Elemente sind stets geöffnet & können nicht geschlossen werden.
- Page besteht aus untereinander angeordeneten Artikelelementen (mit/ohne Media Bannern)
Basis Template: Standard Akkordeon Page
|
ddOn Template: Akkordeon mit Teaser Text
|
AddOn Template: Akkordeon alle Elemente offen
|
AddOns 2 // Weitere Styles für Artikel-Elemente
Wie für den Seitentypen Artikel bestehen auch für den Artikel als Akkordeon-Element verschiedene Style-Optionen zur Anordnung der Bestandteile Media Banner und Text. Im folgenden listen wir gängige Formate. Abhängig vom Design sind weitere Varianten möglich:
Style Medien-Galerie
- im Kopfbereich erfolgt die Textausgabe (Editor)
- darunter werden die Medien des Head Banners im kachelartigen Format als Galerie dargestellt
Style Werbebanner
- kurzer Text-Anreißer kombiniert mit einer Medien / Bild Kachel
AddOns 3 // Weitere Akkordeon-Elemente
Akkordeonelement – Kalender
- Funktion & Style:
- Kalendarische, datenbankbasierte Ausgabe von Termininfos (stage6), z.B. für Abotermine, Festivalprogramme
- Steuerung der Terminausgabe via Keyword
- Elemente:
- Artikel mit Head Banner
- strukturierte Kalenderausgabe
