So testen Sie Ihre Website für die Aktualisierung auf Gutenberg (Block-Editor)

Der Wechsel zum WordPress-Block-Editor kann ein großer Schritt sein, wenn Ihre Website bisher reibungslos mit dem klassischen Editor lief.

Gutenberg führt eine moderne, blockbasierte Bearbeitungserfahrung ein, die es einfacher macht, reichhaltige Layouts ohne zusätzliche Plugins oder Shortcodes zu erstellen.

Während das Update spannende Möglichkeiten bietet, ist es wichtig, den Übergang sorgfältig zu gestalten.

Das Testen Ihrer Website im Voraus hilft Ihnen, Überraschungen zu vermeiden, Ihr aktuelles Design zu erhalten und sicherzustellen, dass alles wie erwartet funktioniert.

Wir haben vielen WordPress-Benutzern bei der Vorbereitung auf diesen Wandel geholfen, und ein wenig Planung ist wirklich sehr hilfreich. In diesem Leitfaden führen wir Sie durch die genauen Schritte, die wir befolgen, um eine Website zu testen, bevor wir den Block-Editor aktivieren.

Dies wird Ihnen helfen, mit Zuversicht voranzukommen und das Beste aus dem Angebot von Gutenberg herauszuholen.

Warum sollten Sie Ihre WordPress-Website testen, bevor Sie auf Gutenberg aktualisieren?

WordPress 5.0 brachte eine völlig neue Art der Inhaltserstellung mit einem brandneuen Editor namens Block-Editor oder Gutenberg.

Es verwendet Blöcke, die Inhaltselemente sind, die Sie im Editor verschieben können.

Einige Benutzer zögern jedoch immer noch, ihre WordPress-Websites auf den Block-Editor zu aktualisieren, aus Angst, dass etwas nicht funktioniert oder dass Gutenberg ihre Website beschädigen könnte.

Gutenberg wurde über einen langen Zeitraum entwickelt, sodass Theme- und Plugin-Entwickler genügend Zeit hatten, ihre Produkte Gutenberg-kompatibel zu machen.

Alle Top-WordPress-Plugins sind bereits vollständig mit Gutenberg kompatibel, und die meisten Themes funktionieren ohne Probleme.

Um jedoch Konflikte zu vermeiden, sollten Sie Ihre Website mit Gutenberg und neueren Versionen von WordPress testen. So können Sie feststellen, ob Ihre Plugins oder Themes inkompatibel sind. Sie können auch unerwartete WordPress-Fehler finden und beheben, bevor Sie Ihre Live-Website aktualisieren.

Nun wollen wir uns Schritt für Schritt ansehen, wie Sie Ihre Website auf die Aktualisierung auf den Gutenberg-Block-Editor testen können. Sie können diese Schnelllinks verwenden, um durch dieses Tutorial zu navigieren:

• Schritt 1: Erstellen Sie ein vollständiges Backup Ihrer Website
• Schritt 2: Testen Sie Ihre Website auf einem lokalen Server oder einer Staging-Site
• Schritt 3: Installieren Sie das Classic Editor Plugin bei Kompatibilitätsproblemen
• Schritt 4: Erfahren Sie mehr über den Gutenberg-Editor

Schritt 1: Erstellen Sie ein vollständiges Backup Ihrer Website

Sie müssen immer ein vollständiges Backup Ihrer WordPress-Website erstellen, bevor Sie ein wichtiges Update durchführen. Backups schützen Sie vor Schäden und vermeiden Probleme, die während des Update-Prozesses auftreten können.

Regelmäßige Website-Backups sind wichtig, auch wenn Sie Ihre Website nicht aktualisieren, da sie Sie in Notfällen wie Malware-Angriffen, Hacking und mehr retten können.

Es gibt viele WordPress-Backup-Plugins, aus denen Sie wählen können, aber wir empfehlen die Verwendung von Duplicator.

Wir haben es gründlich auf verschiedenen WordPress-Setups getestet, und es hat sich durchweg als zuverlässig und benutzerfreundlich erwiesen.

Ob Sie manuelle Backups erstellen oder automatisierte Zeitpläne einrichten, Duplicator gibt Ihnen die volle Kontrolle und Flexibilität.

Wenn Sie neugierig sind, wie er sich mit anderen Tools vergleicht, haben wir auch einen praktischen Duplicator-Testbericht veröffentlicht, in dem wir unsere Erfahrungen detaillierter schildern.

Schritt 2: Testen Sie Ihre Website auf einem lokalen Server oder einer Staging-Site

Nachdem Sie ein vollständiges Backup Ihrer Website erstellt haben, können Sie Ihre Website mit der neuesten Version von WordPress und dem Gutenberg-Editor testen.

Es gibt zwei gängige Methoden, um neue Updates zu testen, ohne Ihre Live-Site tatsächlich zu beeinträchtigen:

1. Testen Sie Ihre Website auf einem lokalen Server, der auf Ihrem Computer installiert ist.
2. Testen Sie Ihre Website auf einem Staging-Server.

Beide Optionen ermöglichen es Ihnen, WordPress mit dem Block-Editor und Ihren vorhandenen Inhalten, Plugins und Themes zu testen.

1. Testen Sie Ihre Website auf einem lokalen Server

Die Verwendung eines lokalen Servers bedeutet einfach, dass Sie Ihre WordPress-Website auf Ihrem persönlichen Computer mit Software wie WAMP oder MAMP (für Mac) installieren.

Bei dieser Methode verschieben Sie zuerst eine Kopie Ihrer Live-WordPress-Website auf den lokalen Server, indem Sie ein Migration-Plugin wie Duplicator verwenden.

Dann können Sie auf der lokalen Website auf die neueste Version von WordPress aktualisieren und alle Ihre Plugins/Themes auf Kompatibilität mit dem Block-Editor testen.

Sie können auch Änderungen auf der lokalen Website vornehmen und sie auf Ihre Live-Website hochladen, wenn Sie fertig sind.

Wenn Sie keine Änderungen an der lokalen Site vornehmen mussten und alles in Ordnung schien, können Sie Ihre Live-Site auf die neueste Version von WordPress aktualisieren.

2. Testen Sie Ihre Website in einer Staging-Umgebung

Eine Staging-Site ist eine separate Entwicklungsversion Ihrer Website, auf der Sie neue Funktionen ausprobieren können.

Es handelt sich normalerweise um eine Subdomain Ihrer Website, die für die Öffentlichkeit nicht zugänglich ist. Hier können Sie neue Updates, Themes und Plugins testen oder sie für Ihre gesamte Entwicklung nutzen. Sobald Sie alles Notwendige getestet haben, können Sie es auf Ihre Live-Website hochladen.

Die meisten Top-WordPress-Hosting-Unternehmen bieten eine 1-Klick-Staging-Site-Installation von Ihrem Hosting-Konto aus.

Wenn Ihre Website bei Bluehost gehostet wird, finden Sie im Bluehost-Menü in Ihrem WordPress-Admin-Dashboard eine Option zum Erstellen einer Staging-Site.

Sie können auch 1-Klick-Staging-Sites auf Hostinger, WP Engine und SiteGround erstellen. Wenn Sie keines dieser Hosting-Unternehmen nutzen, sollten Sie Ihren Hoster fragen, da dieser diese Funktion möglicherweise anbietet.

Wenn Ihr Hosting-Dienst keine Staging-Site-Installationsfunktion hat, können Sie dies trotzdem manuell selbst tun. Hier ist unser Schritt-für-Schritt-Tutorial, wie Sie eine Staging-Umgebung in WordPress einrichten.

Schritt 3: Installieren Sie das Classic Editor Plugin bei Kompatibilitätsproblemen

Nun besteht die Möglichkeit, dass ein Theme oder Plugin nach dem Update von WordPress nicht mehr funktioniert hat, was bedeutet, dass Sie noch Arbeit zu erledigen haben.

Sie müssen sich an den Theme- oder Plugin-Entwickler wenden und ihn bitten, es mit der neuesten WordPress-Version kompatibel zu machen.

Wenn Sie keine positive Antwort erhalten, müssen Sie ein alternatives Theme oder Plugin finden, um die inkompatiblen zu ersetzen.

Alternativ können Sie Gutenberg auch einfach deaktivieren, indem Sie das Classic Editor Plugin auf Ihrer WordPress-Website installieren. Dies ermöglicht es Ihnen, WordPress sicher zu aktualisieren und gleichzeitig den Ihnen vertrauten klassischen Editor beizubehalten.

Classic Editor ist ein offizielles WordPress-Plugin von WordPress-Kernbeitragenden, mit dem Sie zum klassischen WordPress-Editor zurückkehren können. Mit diesem Plugin können Sie den Gutenberg-Editor ausblenden und Inhalte wie zuvor erstellen.

Dies ist auch eine gute Option, wenn Sie das Gutenberg-Update nicht wünschen.

Schritt 4: Erfahren Sie mehr über den Gutenberg-Editor

Wenn Sie gerade Ihren ersten WordPress-Blog starten, dann haben Sie Glück. Sie werden sich schnell an den großartigen neuen Block-Editor gewöhnen, der schneller, moderner und unglaublich leistungsfähig ist.

Wenn Sie WordPress jedoch schon eine Weile nutzen, dann ist der neue Editor eine aufregende neue Erfahrung für Sie.

Die meisten von uns sind es gewohnt, mit dem alten Editor zu arbeiten und unsere Arbeitsabläufe darauf abgestimmt zu haben.

Die gute Nachricht ist, dass Sie mit Gutenberg immer noch all die Dinge tun können, die Sie im alten Editor getan haben.

Um Ihnen beim Erlernen neuer Funktionen zu helfen, haben wir diese Artikel erstellt:

• So verwenden Sie den WordPress-Block-Editor (Gutenberg-Tutorial)
• Wie man klassische Blöcke in WordPress zu Gutenberg konvertiert
• So aktualisieren Sie Ihre alten WordPress-Beiträge mit dem Gutenberg Block Editor
• So fügen Sie einen neuen Beitrag in WordPress hinzu und nutzen alle Funktionen
• So fügen Sie Bilder im WordPress Block-Editor (Gutenberg) hinzu und richten sie aus
• So wählen und verwenden Sie verschachtelte Blöcke in WordPress
• Anfängerleitfaden: So verwenden Sie WordPress-Blockmuster
• So verwenden Sie den ablenkungsfreien Vollbildeditor in WordPress
• Änderungen in WordPress mit Beitragsrevisionen rückgängig machen

Sie können auch unseren vollständigen Leitfaden zum Full Site Editor einsehen, der dem Block-Editor ähnelt, aber zum Bearbeiten Ihrer WordPress-Themes dient.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Ihre WordPress-Website für das Update auf den Block-Editor testen können. Möglicherweise möchten Sie auch sehen, wie Sie häufige Probleme mit dem Block-Editor beheben können, und unsere Expertenauswahl für die besten Gutenberg-Block-Plugins.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.