Zum Inhalt springen

Layout (CMS)

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 28.10.2026

Ein Layout ist das Grundgerüst einer Seite, in das die Inhalte eingesetzt werden: Kopfbereich, Navigation, Fußbereich und der Rahmen dazwischen. Es umschließt die Templates der einzelnen Seitentypen.

Layout (CMS)

Das Grundgerüst einer Seite, in das die Inhalte eingesetzt werden.
Beispiel: „Alle Seiten verwenden dasselbe Layout, nur der mittlere Bereich unterscheidet sich.“

Enthält alles, was auf jeder Seite gleich ist, samt der Angaben im Dokumentkopf.

Abgrenzung zum Partial: Das ist ein Baustein, der eingebunden wird; ein Layout umschließt die ganze Seite.

Wie viele Layouts sinnvoll sind

Meist eines, selten zwei. Ein zweites lohnt dort, wo sich das Grundgerüst wirklich unterscheidet, etwa bei Landingpages ohne Navigation oder bei einer Druckansicht.

Wer für jeden Seitentyp ein eigenes Layout anlegt, pflegt dieselbe Kopfzeile mehrfach. Spätestens bei der dritten Änderung an der Navigation fällt auf, dass eine Fassung vergessen wurde.

Wo die Grenze zum Seitentyp verläuft

Beim Rahmen. Alles, was auf jeder Seite steht, gehört ins Layout; alles, was vom Inhalt abhängt, in das Template des Inhaltstyps. Ein Blogbeitrag und eine Leistungsseite teilen sich also das Layout und unterscheiden sich darin, was im Inhaltsbereich passiert.

Die Grauzone sind Elemente, die auf vielen, aber nicht allen Seiten vorkommen: eine Kontaktaufforderung, eine Brotkrumenleiste. Die gehören als Partial ins Template des Seitentyps und nicht als Ausnahme ins Layout.

Was im Layout oft zu viel steht

Skripte und Einbindungen, die nur wenige Seiten brauchen. Ein Kartendienst, der im Layout eingebunden ist, wird auf jeder Seite geladen, auch dort, wo keine Karte erscheint.

Das gehört regelmäßig geprüft, weil solche Einbindungen über die Jahre dazukommen und nie wieder entfernt werden. In unseren Projekten lässt sich damit die Ladezeit oft spürbar senken, ohne an der Gestaltung etwas zu ändern.

Siehe auch:

Template

Wiederverwendbares Seitengerüst, das den Aufbau festlegt und die Inhalte offen lässt.

#Webdesign-Grundlagen #Content-Management-Systeme (CMS)

Partial / Include

Ein wiederverwendbares Stück Template, das an mehreren Stellen eingebunden wird.

#Content-Management-Systeme (CMS)

Inhaltstyp (Content Type)

Die Bauform eines Inhalts: welche Felder er hat und wie er ausgegeben wird.

#Content-Management-Systeme (CMS)

CMS

Ein System, mit dem Inhalte einer Website gepflegt werden, ohne den Quelltext anzufassen.

#Content-Management-Systeme (CMS)

Page Builder (Baukasten-Editor)

Ein Werkzeug, mit dem sich Seitenlayouts ohne Programmierung zusammenstellen lassen.

#Content-Management-Systeme (CMS)

Seitenbaum

Die hierarchische Darstellung aller Seiten einer Website im Backend.

#Content-Management-Systeme (CMS)