Anleitungen/Website bearbeiten/Themes/Von einem klassischen Theme zu einem Block-Theme wechseln

Von einem klassischen Theme zu einem Block-Theme wechseln

Der Wechsel zu einem Block-Theme auf WordPress ermöglicht einen modernen, benutzerfreundlichen Ansatz für das Website-Design. In diesem Ratgeber erfährst du, warum Block-Themes nützlich sind und welche Schritte du unternehmen musst, um einen reibungslosen Wechsel von einem klassischen Theme zu gewährleisten.

Warum zu einem Block-Theme wechseln?

Block-Themes, die in WordPress 5.9 eingeführt wurden, bieten ein erhebliches Upgrade im Vergleich zum klassischen Theme-Erlebnis. Block-Themes machen spezielle Programmierkenntnisse, die Beauftragung von Entwicklern oder die Suche nach neuen Themes überflüssig – es ist bereits alles für dein Wunschdesign vorbereitet. Block-Themes vereinfachen den Prozess und machen Designänderungen im WordPress-Editor für alle einfach umsetzbar.

Vor dem Wechsel des Themes

Bevor du von einem klassischen Theme zu einem Block-Theme wechselst, solltest du wissen, welche Änderungen du zu erwarten hast. Der Stil und das Layout deiner Website werden sich ändern, aber der Inhalt deiner Seiten und Beiträge wird gleich bleiben.

Neues Theme testen


Wir haben ein paar Tools, mit denen du dein neues Theme testen kannst, bevor es auf deine Live-Website anwendest: 

  • Ausprobieren und anpassen: Sieh dir ein Theme in der Vorschau an und passe es an, bevor du das Theme auf deiner Website aktivierst.
  • Staging-Website erstellen: Qualifizierende Hosting-Tarife ermöglichen es dir, eine exakte Kopie deiner aktiven Website zu erstellen.

Mach dich mit dem Block-Editor vertraut

Dein Bearbeitungs-Workflow wird sich ändern. Nimm dir also etwas Zeit, um zu erfahren, wie du dein Theme und deine Inhalte bearbeitest, bevor du auf deiner Live-Website zu einem Block-Theme wechselst.

Wenn du Änderungen an einem klassischen Theme vornimmst, verwendest du den Customizer. Der Customizer bietet eine voreingestellte Sammlung von Anpassungen, die auf dem von dir ausgewählten Theme basiert. Bei Block-Themes erfolgt das Design im viel flexibleren Website-Editor. Der Website-Editor bietet vollständige Kontrolle darüber, wie das Theme deine Inhalte anzeigt, und ist Theme-unabhängig.

Zusätzlich kannst du in klassischen Themes deine Inhalte mit dem klassischen Editor bearbeiten. Der klassische Editor war ein einfaches Textfeld, in das du deine Seiten-/Beitragsinhalte eingegeben hast. Block-Themes verwenden den WordPress-Editor, was bedeutet, dass du einer Seite oder einem Beitrag alle Arten von Inhalten und Layout-Elementen hinzufügen kannst. 

Deine Website vorbereiten

Bevor du zu einem neuen Theme wechselst, solltest du die Sichtbarkeit deiner Website auf „Privat“ oder „Demnächst verfügbar“ setzen, damit du Zeit hast, das neue Design zu überprüfen und alle erforderlichen Änderungen vorzunehmen, bevor es deinen Besuchern angezeigt wird.Klicke hier, um die Privatsphäre-Einstellungen deiner Website zu ändern.

Notiere dir abschließend den Namen deines aktuellen Themes und ob das Theme eingestellt wurde. Wenn dein aktuelles Theme nicht eingestellt wurde, kannst du auf das klassische Theme zurückgehen, wenn du mehr Zeit brauchst, um zu einem Block-Theme zu wechseln. Zurückgezogene Themes können auf deiner Website aktiv bleiben, aber es ist nicht möglich, zu einem zurückgezogenen Theme zurückzuwechseln, wenn du zu einem anderen Theme wechselst. 

Wenn der Hosting-Tarif deiner Website Website-Backups enthält, kannst du ein Backup deiner Website auf den Stand wiederherstellen, bevor du dein Theme geändert hast. 

So wechselst du dein Theme

Nachdem du deine Website mit einem Block-Theme getestet hast, ist es an der Zeit, das Theme auf deiner Live-Website anzuwenden:

  1. Rufe das Dashboard deiner Website auf.
  2. Navigiere zu Design → Themes.
  3. Suche nach dem von dir ausgewählten Theme.
  4. Klicke auf das Vorschaubild des Themes und dann auf den Button Aktivieren

Wenn du möchtest, kannst du eine Vorschau des Themes ansehen und einige Anpassungen vornehmen, bevor du es aktivierst. Sobald du mit den Theme-Anpassungen zufrieden bist, kannst du das Theme aktivieren. 

Wenn du dein Theme mit einer Staging-Website getestet hast, kannst du diese Änderungen auf deine aktive Website übertragen, indem du die Staging-Website mit der aktiven synchronisierst. 

Nachdem du zu einem Block-Theme gewechselt hast

Nach dem Wechsel zu einem Block-Theme sorgen die folgenden Schritte für einen reibungslosen Übergang und daür, dass du die Funktionen deines neuen Themes vollständig nutzen kannst.

Startseite überprüfen

Wenn du zu einem Block-Theme wechselst, ändert sich, wie du deine Startseite bearbeitest. Hier sind einige wichtige Änderungen, die du beachten solltest:

Menüs überprüfen

Während die bestehenden Menüs automatisch auf das neue Theme wechseln sollten, kannst du das Design und Layout deines Menüs anpassen. Jetzt ist ein guter Zeitpunkt, dich mit der Anpassung des Menüs deiner Website vertraut zu machen, wenn du ein Block-Theme verwendest.

Du musst nicht mehr den „Customizer“ oder den separaten Abschnitt „Menüs“ in Design verwenden, um die Menüs deiner Website zu bearbeiten. Stattdessen bearbeitest du deine Navigation im Website-Editor.

Das Design deiner Website anpassen

Block-Themes verwenden vollständig anpassbare Templates für verschiedene Seitentypen (Startseite, Seiten, Beiträge usw.). Du hast die volle Kontrolle darüber, wo die Elemente in der Vorlage angezeigt werden, sowie über den Abstand und die Ränder um die einzelnen Elemente.

Funktionalität deiner Website prüfen

Teste deine Website auf mehreren Geräten und Browsern, um sicherzustellen, dass alles korrekt funktioniert, einschließlich:

  • Widgets: Wenn du Widgets auf deiner Website verwendest, überprüfe, ob sie in Blöcke konvertiert wurden, um deine gewünschten Inhalte anzuzeigen. 
  • Plugins: Wenn deine Website Plugins verwendet, überprüfe, ob deine Plugins noch funktionieren. Entferne alle Plugins, die du nicht mehr benötigst.

Wenn du deine Website vorübergehend auf „Privat“ gesetzt hast, denk daran, sie erneut zu veröffentlichen. Dies ist auch ein hervorragender Zeitpunkt, um deine Abonnenten und Social-Media-Follower über die Neugestaltung der Website zu informieren.

Wo finde ich Customizer-Einstellungen in einem Block-Theme?

Da Block-Themes den Customizernicht mehr verwenden, findest du hier eine praktische Liste, wo grundlegende Funktionen zur Theme-Bearbeitung in einem Block-Theme vorhanden sind:

CustomizerWebsite-Editor
Website-Identität (Titel und Untertitel)Einstellungen → Allgemein (Titel und Untertitel)
Farben & HintergründeDesign → Editor → Stile
SchriftenDesign → Editor → Stile
Header-BildDesign → Editor →Templates
MenüsDesign → Editor → Menüs
WidgetsDesign → Editor (Widgets wurden durch Blöckeersetzt)
Startseite-EinstellungenEinstellungen → Lesen
Zusätzliches CSSDesign → Editor → Stile
Copied to clipboard!