Vorgaben zum Layout

Vorgaben in Stichpunkten, die bei der Erstellung eines Layouts für das CMS Plone berücksichtigt werden müssen.

Elemente der Website

Der Aufbau einer Website auf Basis des CMS Plone lässt sich am besten anhand der Demo visualisieren.

  • Header
    • Logo
    • Site Actions (Login, Konfiguration, etc.)
    • Suchfeld (ggf. mit LiveSearch)
  • Navigation
  • Darstellung von animierten Elementen
  • Body (siehe unten)
  • Doormat
  • Footer

Frontpage

  • Default Frontpage mit allen Elementen
  • Darstellung der einzelnen Module
  • Darstellung von Animationen

Auflistung von inhalten (Body)

Seiten (Body)

  • Styling von Content Seiten (Titel, Beschreibung, Haupttext)
  • Styling von Nachrichten
  • Styling von angepassten Content Seiten (z.B. Produktseite)
  • Darstellung von Document Actions (Versenden, Drucken, Teilen)
  • Darstellung von Informationen über den Autor (falls Teil des Layouts)

Suchfunktion (Body)

    Formulare (allgemein)

    • Styling von Formularfeldern im Beispiel das Kontaktformular
    • Anzeige von Fehlern bei der Validierung (Zur Darstellung das Formular ohne Eingaben absenden)
    • Antwortseiten (Inhalt und Darstellung nach Vorgabe)
    • Login Formular
    • Angepasste Formulare nach Vorgabe

    Portlets

    • Darstellung von Portlets allgemein (Boxen links und rechts neben dem Inhalt)
    • Styling der Navigation inklusive Animation
    • Portlets für statischen Text, Nachrichten, Termine, Kalender

    Sonstiges

    • Darstellung von Positionsanzeige (Sie sind hier)
    • Sitemap
    • Verlinkung von sozialen Netzen
    • Site Actions (Globale Links)
    • Doormat

    Print Layout

    • Gesonderte Darstellung bei Ausdrucken (Druckfunktion des Browsers)
    • Styling von Content Seiten im Druck

    Darstellung auf mobilen Geräten

    • Keine Anpassung (Darstellung erfolgt 1:1 mit Zoomfunktion des mobilen OS)
    • Mobile Umsetzung (Adaptiertes, eigenständiges Template mit angepasstem Layout)
    • Responsive Design (Dynamisches Layout mit Break Points für häufige Display-Größen)