---
title: "Überblick: Das Page-Components-System"
description: "Alle Seiten auf Serways.de nutzen das **Page-Components-System** — ein flexibles Baukastensystem basierend auf ACF Flexible Content. Anstelle des Standard-Gutenberg-Editors werden Seiteninhalte aus einzelnen *Blöcken* (Komponenten) zusammengesetzt. ## So öffnest du den Block-Editor 1. Navigiere im WordPress-Backend zu **Seiten** und öffne…"
url: "https://www.serways.de/docs/ueberblick-das-page-components-system/"
updated: "2026-03-26"
category: Redaktionelle Handgriffe
---

# Überblick: Das Page-Components-System

Alle Seiten auf Serways.de nutzen das **Page-Components-System** — ein flexibles Baukastensystem basierend auf ACF Flexible Content. Anstelle des Standard-Gutenberg-Editors werden Seiteninhalte aus einzelnen *Blöcken* (Komponenten) zusammengesetzt.

## So öffnest du den Block-Editor

1. Navigiere im WordPress-Backend zu **Seiten** und öffne die gewünschte Seite zum Bearbeiten.
2. Scrolle nach unten bis zum Bereich **Page Components**.
3. Dort siehst du alle bereits vorhandenen Blöcke in ihrer Reihenfolge.
4. Mit dem Button **+ Komponente hinzufügen** am Ende der Liste öffnest du das Popup mit allen verfügbaren Block-Typen.

## Verfügbare Block-Typen

Aktuell stehen folgende 19 Block-Typen zur Verfügung:

| Block-Name | Beschreibung |
| --- | --- |
| Block: Hero | Großflächiger Eingangsbereich (Slider oder Text Overlay) |
| Block: Breadcrumb | Navigationspfad für Unterseiten |
| Block: Mosaik | 3-spaltiges Bild-Mosaik mit Verlinkung |
| Inhaltsblöcke | Mehrspaltige Inhaltsreihen mit verschiedenen Sub-Blöcken |
| Block: Text Footer | Rechtlicher Hinweistext am Seitenende |
| Text Block | Einfacher Textblock (innerhalb Inhaltsblöcke) |
| Bild Block | Bildblock mit optionalem Text |
| Icon Block | Icon mit Beschriftung |
| Title Block | Überschrift |
| Button Block | Call-to-Action-Button |
| Image Block | Bild (innerhalb Mosaik) |
| Slider Block | Bildslider (innerhalb Mosaik) |
| Info Tabelle | Tabellarische Informationsdarstellung |