“Soll ich wirklich auf Full Site Editing umsteigen?” Diese Frage stellen sich gerade viele WordPress-Nutzer, deren bewährte Classic Themes seit Jahren zuverlässig laufen. Die Antwort ist nicht pauschal – aber wenn Sie den Schritt gehen wollen, sollten Sie strukturiert vorgehen. Dieser Leitfaden zeigt Ihnen, wie der Umstieg ohne böse Überraschungen gelingt.
Was sich beim Umstieg grundlegend ändert
Der Unterschied zwischen Classic Themes und FSE ist größer, als viele zunächst annehmen. Bei klassischen Themes steuern Sie das Design über den Customizer und diverse Theme-Optionen. FSE hingegen basiert komplett auf dem Block-Editor – sowohl für Inhalte als auch für Templates, Header und Footer.
Die wichtigsten Veränderungen auf einen Blick:
- Header und Footer werden nicht mehr in PHP-Dateien definiert, sondern im Block-Editor erstellt
- Der Customizer verschwindet zugunsten des Site-Editors
- Templates und Template-Parts ersetzen klassische PHP-Template-Dateien
- Theme-Optionen weichen globalen Styles und Theme.json-Einstellungen
- Widget-Bereiche werden durch Block-Patterns und Template-Parts ersetzt
Vorbereitung: Diese Schritte sind vor dem Umstieg Pflicht
1. Vollständiges Backup erstellen
Erstellen Sie ein komplettes Backup Ihrer Website – Dateien und Datenbank. Plugins wie UpdraftPlus oder BackWPup erledigen das zuverlässig. Testen Sie unbedingt, ob sich das Backup auch tatsächlich wiederherstellen lässt.
2. Staging-Umgebung nutzen
Probieren Sie den Umstieg niemals direkt auf der Live-Site aus. Viele Hoster bieten Staging-Funktionen an. Alternativ können Sie Plugins wie WP Staging verwenden oder lokal mit Local WP arbeiten.
3. Abhängigkeiten dokumentieren
Notieren Sie, welche Funktionen Ihr aktuelles Theme bietet:
- Welche benutzerdefinierten Widget-Bereiche existieren?
- Welche Theme-Optionen nutzen Sie aktiv?
- Gibt es Custom Post Types oder spezielle Templates?
- Welche Shortcodes oder Theme-spezifischen Funktionen sind im Einsatz?
Die richtige FSE-Theme-Auswahl
Nicht jedes FSE-Theme ist für jeden Zweck geeignet. Die Theme-Landschaft hat sich hier in den letzten Monaten stark entwickelt.
Empfehlenswerte FSE-Themes für den Einstieg
Twenty Twenty-Four: Das aktuelle Standard-Theme von WordPress ist ausgezeichnet für den Einstieg geeignet. Es bringt zahlreiche Pattern-Variationen mit und zeigt, was FSE kann.
Blocksy: Bietet einen sanften Übergang mit vertrauten Anpassungsoptionen und gleichzeitig voller FSE-Unterstützung. Besonders gut für Nutzer, die den Customizer gewohnt sind.
Kadence: Sehr performant und mit umfangreichen Design-Optionen. Die kostenlose Version ist bereits sehr leistungsfähig.
Ollie: Schlankes Theme mit Fokus auf Pattern und moderne Designs, ideal für kreative Websites.
Der praktische Umstiegsprozess Schritt für Schritt
Phase 1: Analyse und Testinstallation
Aktivieren Sie das neue FSE-Theme zunächst nur in der Staging-Umgebung. Verschaffen Sie sich einen Überblick über die Standardansicht. Die meisten Inhalte (Beiträge, Seiten) bleiben erhalten, aber das Layout wird sich deutlich ändern.
Phase 2: Navigation und Header nachbauen
Öffnen Sie den Site-Editor (Design → Editor) und beginnen Sie mit dem Header. So gehen Sie vor:
- Navigieren Sie zu “Patterns” → “Template-Parts” → “Header”
- Bauen Sie Ihre Navigation mit dem Navigationsblock nach
- Fügen Sie Logo und weitere Header-Elemente hinzu
- Speichern Sie das Template-Part
Tipp: Halten Sie ein Screenshot Ihres alten Headers griffbereit, um nichts zu vergessen.
Phase 3: Footer übertragen
Der Footer-Bereich folgt dem gleichen Prinzip. Frühere Widget-Bereiche können Sie nun mit Spalten-Blöcken und entsprechenden Inhaltsblöcken nachbilden. Das gibt Ihnen sogar mehr Flexibilität als zuvor.
Phase 4: Templates anpassen
Passen Sie die wichtigsten Templates an Ihre Bedürfnisse an:
- Homepage-Template: Definiert den Aufbau Ihrer Startseite
- Single-Post-Template: Steuert die Darstellung einzelner Blogbeiträge
- Page-Template: Bestimmt das Layout normaler Seiten
- Archive-Template: Zeigt Übersichtsseiten (Kategorie, Archiv etc.)
Phase 5: Global Styles konfigurieren
Im Site-Editor finden Sie unter dem Stil-Icon (Palette) die globalen Einstellungen. Hier definieren Sie:
- Farben (Primär-, Sekundär- und Akzentfarben)
- Typografie (Schriftarten, -größen, Zeilenhöhen)
- Abstände und Layout-Breiten
- Button-Styles
Diese Einstellungen wirken sich site-weit aus und sorgen für Konsistenz.
Häufige Stolpersteine und ihre Lösungen
“Meine Sidebar ist verschwunden”
Classic-Theme-Sidebars existieren in FSE nicht mehr. Sie können die Inhalte aber in einem Template-Part nachbauen und dieses in Ihre Templates einfügen. Oder Sie nutzen die größere Flexibilität und integrieren die Elemente direkt in die jeweiligen Templates.
“Theme-Optionen funktionieren nicht mehr”
Viele Theme-Optionen klassischer Themes sind in FSE überflüssig, da Sie alles direkt im Editor anpassen. Für spezielle Funktionen (z.B. Social-Media-Links) können Sie auf Blöcke oder Pattern zurückgreifen.
“Die Performance ist schlechter”
FSE-Themes können bei unsauberer Umsetzung mehr CSS und JavaScript laden. Achten Sie auf schlanke Themes und nutzen Sie Performance-Plugins wie WP Rocket oder Asset CleanUp. Die neuesten WordPress-Versionen haben hier bereits deutliche Verbesserungen gebracht.
“Ich finde mich im Site-Editor nicht zurecht”
Die neue Oberfläche braucht Eingewöhnung. Nehmen Sie sich Zeit für die Einarbeitung. Der Site-Editor folgt einer anderen Logik als der Customizer, bietet aber mehr Möglichkeiten. Nach einigen Stunden Übung werden Sie die Vorteile zu schätzen wissen.
Plugin-Kompatibilität prüfen
Die meisten modernen Plugins funktionieren problemlos mit FSE-Themes. Kritisch können sein:
- Page Builder wie Elementor oder Divi (die haben eigene Systeme)
- Ältere SEO-Plugins mit Theme-Integration
- Spezielle Theme-Companion-Plugins des alten Themes
Testen Sie alle wichtigen Funktionen Ihrer Website nach dem Theme-Wechsel gründlich durch.
Wann der Umstieg noch warten sollte
Es gibt Situationen, in denen Sie mit dem Wechsel noch warten sollten:
- Ihr Classic Theme erhält noch regelmäßige Updates und erfüllt alle Anforderungen
- Sie nutzen stark angepasste Child-Theme-Funktionen, die aufwändig zu portieren wären
- Ihre Kunden/Redakteure sind mit dem aktuellen System vertraut und der Umstieg würde Schulungsaufwand bedeuten
- Kritische Plugins sind noch nicht FSE-kompatibel
Vorteile, die den Umstieg lohnenswert machen
Nach der erfolgreichen Migration profitieren Sie von mehreren Vorteilen:
- Mehr Flexibilität: Sie können jedes Element Ihrer Website visuell anpassen, ohne Code zu schreiben
- Bessere Konsistenz: Global Styles sorgen automatisch für ein einheitliches Design
- Schnellere Anpassungen: Änderungen am Layout sind direkt im Editor möglich
- Zukunftssicherheit: WordPress entwickelt FSE kontinuierlich weiter
- Wiederverwendbare Pattern: Einmal erstellte Design-Elemente lassen sich überall einsetzen
Ihre nächsten Schritte
Der Umstieg auf FSE ist kein Hexenwerk, erfordert aber methodisches Vorgehen. Starten Sie mit diesen konkreten Schritten:
- Erstellen Sie heute noch ein vollständiges Backup Ihrer Website
- Richten Sie eine Staging-Umgebung ein (falls noch nicht vorhanden)
- Wählen Sie ein FSE-Theme aus und installieren Sie es im Staging
- Nehmen Sie sich mindestens 3-4 Stunden Zeit, um Header, Footer und wichtige Templates nachzubauen
- Testen Sie alle wichtigen Funktionen und Seiten gründlich
- Holen Sie Feedback von Kollegen oder Testern ein
- Erst dann: Migration auf die Live-Site
FSE ist die Zukunft von WordPress – aber Sie bestimmen das Tempo des Umstiegs. Mit der richtigen Vorbereitung wird der Wechsel zu einer Chance, Ihre Website auf ein neues Level zu heben.
