zum Hauptinhalt springen

Layout / Seitenlayouts

Es empfiehlt sich, zunächst die eigenen CSS- und JavaScript Dateien unter "media/layout/" anzulegen, um sie gleich im neuen Layout eintragen zu können.

  • Unter Template / HEAD kann individueller HTML-Code eingetragen werden, der imBereich der Seiten integriert werden soll. Man kann aber auch die Vorlagendatei "media/layout/template/page_standard.html" kopieren und direkt dort seine Anpassungen vornehmen. Wie bei allen Templates im System sollte man aber keine bestehenden Dateien ändern, da sie sonst beim nächsten System Update überschrieben werden. Der Dateiname der Kopie muss jedoch mit "page_" beginnen, um als Vorlage auswählbar zu sein.
  • Das Zusammenfassen der Skripte und CSS-Dateien mache ich persönlich erst beim Go-Live einer Seite, damit ich beim inspizieren der Seite mit den Entwicklertools Datei und Zeilennummer von CSS-Anweisungen angezeigt bekomme. Aufgrund von Browser-Caching und Ladezeiten sollten aber nach der Entwicklung beide Optionen angehakt werden, besonders wenn auf dem Server noch der HTTP/1.1 Standard verwendet wird. Ab HTTP/2 ist es nicht mehr so wichtig.
  • Die Open Graph Texte werden z.B. von Facebook interpretiert und dienen hier im Layout als Basisangabe. Titel und Beschreibung können bei jeder Seite ggf. überschrieben werden.
Seitenlayout
Neues Seitenlayout anlegen

Einstellungen für das Responsive Verhalten (Bootstrap)

Falls sie ein Layout umsetzen wollen, für das die standardmäßig in Bootstrap mitgelieferten Umschaltpunkte (breakpoints) der einzelnen Auflösungsbereiche nicht passend sind, können sie individuelle Pixelangaben hinterlegen. Der Abstand zwischen den Spalten lässt sich ebenfalls abweichend vom Standard (15px) einstellen. Hier sind auch CSS Einheiten wie "rem" oder "em" möglich.

Responsive Umschaltpunkte (Bootstrap)
Responsive Umschaltpunkte (Bootstrap)

Inhalt des Seitenlayouts bearbeiten

standardmäßig wird eine 3-spaltige Struktur mit Header und Footer angelegt. Die Spalten, die man nicht benötigt sollte man gleich löschen. Die Elemente vom Typ "Dynamischer Seiteninhalt" werden bei der Neuanlage von Seiten als Einstiegspunkte für das Hinzufügen von Seiten-Inhaltselementen bereit gestellt. Sie werden jedoch auch nachträglich synchronisiert, falls im Layout später noch weitere, dynamische Seiteninhalte hinzugefügt werden sollen.

Über den Button "Neu" können im Layout beliebige Inhaltselemente hinzugefügt werden, wie z.B. für die statischen Inhalte im Header/Footer oder die Navigationselemente. Welche Arten von Inhaltselementen existieren wird beim Pflegen der Seiteninhalte genauer erläutert.

Inhalt des Seitenlayouts
Inhalt des Seitenlayouts bearbeiten
Baumstruktur des Inhalts
Baumstruktur des Layoutinhalts