So erstellen Sie eine WordPress-Staging-Site (für sichere Tests)

Haben Sie schon einmal stundenlang an einer neuen Funktion gearbeitet, nur um dann festzustellen, dass sie Ihre Live-Site zerstört?

Eine Staging-Site verhindert dies, indem sie Ihnen ermöglicht, in einer risikofreien Umgebung zu experimentieren und Fehler zu beheben. Sobald Sie mit den Änderungen zufrieden sind, können Sie diese problemlos auf Ihre Live-Site übertragen.

Das Einrichten einer WordPress-Staging-Site kann einschüchternd wirken, ist aber ein wichtiger Teil des reibungslosen Betriebs Ihrer Website. Hier können Sie Änderungen sicher testen, bevor Sie sie öffentlich machen.

In diesem Tutorial zeige ich Ihnen, wie Sie eine WordPress-Staging-Site erstellen können!

Hier sind die wichtigsten Erkenntnisse:

• Eine Staging-Site ist ein privater Klon Ihrer Live-Website, der für sichere Tests und die Entwicklung verwendet wird.
• Die Verwendung einer Staging-Umgebung verhindert, dass neue Plugins, Updates oder Codeänderungen Ihre öffentliche Website zum Absturz bringen.
• Sie können manuell eine Staging-Site auf einer Subdomain erstellen, indem Sie ein Migrations-Plugin wie Duplicator verwenden.
• Viele Webhosts (wie Bluehost und WP Engine) bieten integrierte Staging-Umgebungen, die mit einem Klick aktiviert werden können.

Kurzzusammenfassung: So erstellen Sie eine WordPress-Staging-Site

Inhaltsverzeichnis

Egal, ob Sie Blogger oder Inhaber einer E-Commerce-Website sind, Sie können von der Erstellung einer Staging-Site profitieren. Sie ermöglicht Ihnen, Ihre Website ohne Risiken zu ändern. 

Wenn Sie sich entscheiden, eine wesentliche Änderung an Ihrer Live-Website vorzunehmen, kann dies versehentlich zu Funktionsstörungen führen. In diesem Fall müssen Sie Ihre Website aus einer Sicherungskopie wiederherstellen. 

Staging-Sites dienen als Sicherheitsnetz für Ihre WordPress-Website.

Sie können Ihre Dateien, Ihr Design oder andere Elemente so lange anpassen, bis alles perfekt aussieht und funktioniert. Da Ihre Staging-Site privat ist, haben alle Änderungen keine Auswirkungen auf Ihre Suchmaschinenoptimierung.

Wann Sie eine WordPress-Staging-Site verwenden sollten

In diesen Fällen möchten Sie möglicherweise eine WordPress-Staging-Site verwenden.

• Neue Themes und Plugins installieren

Neue Designs und Plugins können mit anderer installierter Software in Konflikt geraten. Eine Staging-Site hilft Ihnen zu sehen, wie sich neue Software auf Ihre Site auswirkt. 

• Aktualisieren des WordPress-Kerns, der Designs und Plugins

Auch wenn es Ihnen Zeit sparen mag, sollten Sie Ihre Live-WordPress-Website nicht aktualisieren. Dies könnte sichtbare Fehler für Ihre Besucher zur Folge haben. Wenn Sie hohe Absprungraten oder Ausfallzeiten vermeiden möchten, ist es wichtig, eine Staging-Website zu haben. 

• Fehlerbehebung

Manchmal treten auf Ihrer Website unerwartete Fehler oder Bugs auf, die das Benutzererlebnis beeinträchtigen. Wenn Sie diese Fehler sicher beheben möchten, ohne weitere Probleme zu verursachen, verwenden Sie eine Staging-Site. 

• Implementieren von Code-basierten Änderungen

Eine Staging-Umgebung kann eine Testsite sein, auf der Sie mit Code spielen, neue Funktionen ausprobieren und Ihre Site sicher anpassen können. 

• Vor dem Erstellen einer WordPress-Site

Sie können eine neue Staging-Site einrichten, bevor Sie überhaupt eine Website erstellen . Sie können Ihre WordPress-Website vollständig gestalten und sie dann live schalten, wenn Sie einen Hosting-Plan haben. 

So erstellen Sie eine WordPress-Staging-Site

Nachdem Sie nun die Vorteile von Staging-Sites kennen, möchten Sie wahrscheinlich Ihre eigene erstellen. Um Ihnen die Entscheidung zu erleichtern, erkläre ich Ihnen Schritt für Schritt, wie Sie eine Staging-Site erstellen!

Wir werden uns mit folgenden Themen befassen:

• Methode 1: Erstellen einer Staging-Site mit Plugins wie Duplicator für vollständige Kontrolle
• Methode 2: Erstellen einer Staging-Site mit integrierten Hosting-Funktionen für die Einrichtung mit nur einem Klick
• Bewährte Sicherheitsverfahren zum Schutz Ihrer Staging-Umgebung
• Wie werden Änderungen vom Staging in die Produktion übertragen?

Methode 1. Erstellen Sie eine WordPress-Staging-Site mit einem Plugin

Wenn Ihr Webhoster keine One-Click-Staging-Site-Funktion bietet, können Sie ganz einfach Ihre eigene Staging-Site erstellen. Dazu klonen Sie Ihre ursprüngliche Website und laden sie auf eine neue Subdomain auf Ihrem Server hoch.

Hier ist ein kurzer Überblick über den Prozess:

• Erstellen Sie eine Subdomain für Ihre Staging-Site
• Installieren Sie ein Klon-Plugin wie Duplicator auf Ihrer Live-Site
• Erstellen Sie ein vollständiges Backup Ihrer Live-Site
• Hochladen von Sicherungsdateien auf die Staging-Subdomäne
• Erstellen Sie eine neue Datenbank für die Staging-Website
• Importieren Sie Ihre Live-Daten fertig
• Hinzufügen eines Passwortschutzes für die Sicherheit

Schritt 1: Erstellen Sie den Staging-Bereich

Sie können eine Staging-Site direkt auf Ihrem Hosting-Server einrichten. Dadurch werden mögliche Fehler vermieden, wenn Sie Änderungen zwischen einem Staging-Server und Ihrem Live-Server migrieren.

Um loszulegen, öffnen Sie das Dashboard Ihres WordPress-Hosting-Kontos. Für dieses Tutorial werde ich Bluehost verwenden. Suchen Sie Domains " Subdomains " Subdomain hinzufügen.

Sie können Ihrer Subdomäne dann den Namen „Staging“ geben und auf „Subdomäne hinzufügen“ klicken.

Sie können auch eine lokale WordPress-Staging-Site mit Diensten wie Local by Flywheel, MAMP, WAMP oder XAMPP erstellen.

Schritt 2: Installieren Sie ein WordPress-Klon-Plugin 

Jetzt müssen Sie Ihre Live-Website klonen und sie auf die Staging-Site verschieben.

Zu diesem Zweck empfehle ich die Installation von Duplicator Pro. Dieses Plugin erstellt in Sekundenschnelle Kopien Ihrer Website und ist daher nützlich für das Klonen, Migrationen und Backups.

Sehen Sie, wie Rock Lobster Webdesign seine Designeffizienz durch die Einrichtung von Staging-Sites mit Duplicator verbessert!

Um Duplicator zu verwenden, wählen Sie ein Abonnement aus, das Ihren Anforderungen entspricht. Obwohl es eine kostenlose Version gibt, erleichtern die Drag-and-Drop-Migrationen von Duplicator Pro das Übertragen von Inhalten von und zu Ihrer Staging-Site. 

Laden Sie das Plugin herunter und kopieren Sie Ihren individuellen Lizenzschlüssel. Öffnen Sie anschließend das WordPress-Dashboard für Ihre Live-Website und installieren Sie Duplicator Pro als neues Plugin.

Sie müssen Ihren Lizenzschlüssel aktivieren. Gehen Sie zuDuplicator Pro » Einstellungen. Fügen Sie Ihren Lizenzschlüssel ein.

Klicken Sie auf„Aktivieren“. Jetzt können Sie eine Kopie Ihrer Website erstellen und diese ganz einfach auf Ihre Staging-Site verschieben!

Schritt 3: Erstellen Sie ein Backup Ihrer Live-Site

Mit Duplicator können Sie den Inhalt Ihrer Live-Website, WordPress-Dateien, Plugins, Designs und Datenbanktabellen ganz einfach in einer einzigen Sicherungsdatei zusammenstellen. Anschließend können Sie alle diese Daten auf eine Staging-Site verschieben.

Gehen Sie in Duplicator zu Backups » Neu hinzufügen .

Geben Sie Ihrem Backup einen Namen, damit Sie es später leicht wiederfinden. Klicken Sie anschließend auf Weiter .

Bevor Duplicator Ihr Backup erstellt, scannt es Ihre Live-Website. Es ist wichtig, alle Hinweise zu überprüfen, um festzustellen, ob sie sich auf den Build auswirken.

Um fortzufahren, wählen Sie„Sicherung erstellen“.

Wenn Sie fertig sind, rufen Sie erneut die Seite „Backups“ auf. Klicken Sie neben dem soeben erstellten Backup auf„Beide Dateien herunterladen“.

Dadurch wird sowohl ein Archiv als auch eine Installationsdatei auf Ihren Computer heruntergeladen.

Die Backup-Archivdatei enthält die Dateien und die Datenbank Ihrer Website. Der Installer ist eine PHP-Datei, die die Archivdatei bereitstellt, wenn Sie sie zu Ihrer Staging-Site hinzufügen.

Schritt 4: Importieren Sie Ihr Backup in die Staging-Site

Nachdem Sie einen Klon Ihrer Website heruntergeladen haben, ist es Zeit, ihn auf die Staging-Site hochzuladen.

Um Dateien auf eine WordPress-Website hochzuladen, benötigen Sie entweder einen FTP-Client (File Transfer Protocol) oder cPanel. Mit beiden Optionen können Sie eine Verbindung zum Server Ihres Webhosts herstellen und Ihre Website-Dateien bearbeiten.

In der Regel empfiehlt Ihr Hosting-Anbieter einen bestimmten Dateimanager für diesen Vorgang. Ich werde cPanel verwenden.

Nachdem Sie sich angemeldet haben, öffnen Sie das Stammverzeichnis für die von Ihnen erstellte Subdomain. Löschen Sie alle Dateien in diesem Ordner vollständig und laden Sie Ihre Sicherungsdateien hoch.

Sie haben Ihre Website gerade in den Staging-Bereich geklont!

Schritt 5: Erstellen einer neuen Datenbank für die Staging-Site

Bevor Sie mit der Bearbeitung Ihrer Staging-Site beginnen können, wird eine neue Datenbank benötigt. Der Vorgang zum Erstellen einer solchen Datenbank hängt von Ihrem Hosting-Anbieter ab. 

Bluehost-Benutzer müssen ihr Control Panel öffnen und nach der Schaltfläche „MySQL-Datenbanken“ suchen.

Geben Sie Ihrer neuen Staging-Site einen Namen und klicken Sie auf„Datenbank erstellen“.

Suchen Sie den Abschnitt „MySQL-Benutzer“ . Geben Sie einen Benutzernamen und ein Passwort für den neuen Benutzer ein.

Scrollen Sie anschließend nach unten, bis Sie „Benutzer zur Datenbank hinzufügen“ sehen. Wählen Sie in diesem Abschnitt sowohl die neue Datenbank als auch den neuen Benutzer in den Dropdown-Menüs aus.

Weisen Sie dem neuen Benutzer alle Berechtigungen zu. Dadurch erhalten Sie die vollständige Kontrolle über die Datenbank. 

Schritt 6: Importieren der Live-Daten abschließen

Es ist Zeit, das Backup Ihrer ursprünglichen Site in der WordPress-Staging-Umgebung zu installieren. Öffnen Sie dazu ein neues Browserfenster und fügen Sie diese URL ein:

https://subdomain.example.com/installer.php

Dadurch wird automatisch der Installationsassistent von Duplicator geöffnet. Geben Sie unter „Setup“ die Details für Ihre neue Datenbank ein.

Klicken Sie anschließend auf die Schaltfläche „Bestätigen“ . Lesen Sie alle Hinweise, bevor Sie die Geschäftsbedingungen akzeptieren.

Sobald die Installation abgeschlossen ist, melden Sie sich bei Ihrer Staging-Site an.

Klicken Sie auf „Admin-Login“, um mit der Bearbeitung der geklonten Version Ihrer Produktionssite zu beginnen!

Schritt 7: Hinzufügen eines Passwortschutzes für zusätzliche Sicherheit

Um sicherzustellen, dass niemand sonst auf Ihre Staging-Site zugreifen kann, sollten Sie einen Passwortschutz hinzufügen. Dadurch wird der Entwicklungsbereich vor Suchmaschinen und der Öffentlichkeit verborgen. 

Um dies mit Bluehost zu tun, navigieren Sie in Ihrem Bedienfeld zu „Erweitert“ „Verzeichnisdatenschutz“ .

Suchen Sie den Ordner für die Subdomain. Aktivieren Sie dann das Kontrollkästchen neben„Dieses Verzeichnis miteinem Passwort schützen“.

Fügen Sie einen Namen für das geschützte Verzeichnis hinzu. Wählen Sie einen Benutzernamen und ein Passwort, damit Sie auf die Website zugreifen können.

Nachdem Sie diese Änderungen gespeichert haben, sind Sie der Einzige, der Ihre Staging-Site bearbeiten kann!

Methode 2. Erstellen Sie eine Staging-Site mit Ihrem Webhost

Bei einigen WordPress-Hosting-Anbietern können Sie Staging-Sites mit nur einem Klick erstellen. Auf diese Weise können Sie Ihre Website ganz einfach klonen und auf demselben Server hosten.

Ich zeige Ihnen, wie Sie Staging-Sites mit Bluehost, SiteGround und WP Engine erstellen können. Wenn Sie einen anderen Webhoster haben, müssen Sie prüfen, ob dieser eine integrierte Staging-Funktion bietet.

Erstellen einer Staging-Site mit Bluehost

Jeder Bluehost- Hostingplan unterstützt Staging mit einem Klick. Sie müssen sich lediglich bei Ihrem WordPress-Dashboard anmelden und die Bluehost -Staging -Seite aufrufen.

Klicken Sie dann auf die Schaltfläche „Staging-Site erstellen“ . Bluehost erstellt Ihre Staging-Site automatisch!

Sie können bei Bedarf jederzeit von Ihrer Produktionssite zum Staging-Bereich wechseln.

Sie sehen eine geklonte Kopie Ihrer gesamten Website. Oben auf der Seite befindet sich ein roter Balken, der sie als Staging-Umgebung kennzeichnet.

Nehmen Sie weiterhin Änderungen vor, ohne sich Sorgen machen zu müssen, dass diese Ihre Live-Site beeinträchtigen. Wenn Sie bereit sind, sie bereitzustellen, gehen Sie zu Bluehost » Staging und klicken Sie auf Alle Änderungen bereitstellen .

Erstellen einer Staging-Site mit SiteGround

Wenn Sie SiteGround- Benutzer sind, melden Sie sich zunächst bei Ihrem Hosting-Kontrollfeld an. Klicken Sie auf die Registerkarte Websites und dann auf Site Tools .

Navigieren Sie zu WordPress » Staging. Wählen Sie Ihre Website aus und erstellen Sie einen Namen für die Staging-Site. Klicken Sie abschließend auf „Erstellen“.

Um zu verhindern, dass unbefugte Benutzer auf Ihre Staging-Inhalte zugreifen können, fügen Sie einen Passwortschutz hinzu. Klicken Sie in Ihrem SiteGround-Konto auf „Zu geschützten URLs gehen“. Fügen Sie dann einen Benutzernamen und ein Passwort für die Staging-Website hinzu.

Jetzt können Sie sich bei Ihrer neuen Staging-Site anmelden.

Um Staging-Änderungen auf Ihre Live-Website zu übertragen, kehren Sie in Ihrem Control Panel zu dieser Seite zurück. Klicken Sie auf das Symbol mit den drei Punkten und dann auf „Vollständige Bereitstellung“ .

Erstellen einer Staging-Site mit WP Engine

WP Engine ist ein weiterer WordPress-Host, der in allen seinen Tarifen One-Click-Staging beinhaltet. Um zu beginnen, wählen Sie Ihre Site im WP Engine-Kontrollfeld aus.

Klicken Sie dann auf Staging hinzufügen .

Wählen Sie aus der Liste der Optionen die Option „Vorhandene Umgebung auf diese Website kopieren“ aus. Wählen Sie die Produktionswebsite aus, die Sie klonen möchten.

Geben Sie der Staging-Site einen Namen. Stellen Sie sicher, dass der Umgebungstyp Staging ist.

Sobald Ihre Staging-Site erstellt ist, fügen Sie einen Passwortschutz hinzu. Gehen Sie einfach zu „Staging“ und klicken Sie auf das Vorhängeschloss-Symbol.

Suchen Sie die Registerkarte „Dienstprogramme“ und kopieren Sie den Benutzernamen und das Kennwort für Ihr Staging-Dashboard.

Um mit der Bearbeitung der Staging-Site zu beginnen, klicken Sie auf WP Admin .

Wenn Sie bereit sind, Ihre Änderungen live zu schalten, klicken Sie auf Umgebung kopieren .

Wählen Sie schließlich die Staging-Site als Quellumgebung aus. Die Zielumgebung sollte Ihre Live-Site sein.

Häufig gestellte Fragen (FAQs)

Machen Sie Staging zu einem festen Bestandteil Ihrer Routine

Das ist es! Sie haben Ihre WordPress-Staging-Site erstellt.

Nachdem Sie nun die Staging-Umgebung eingerichtet haben, ist es wichtig, diese als regulären Schritt in Ihrer Checkliste für die Website-Wartung zu behandeln.

Anstatt beim Aktualisieren eines Plugins oder beim Ändern von Code auf das Beste zu hoffen, können Sie nun alles sicher hinter den Kulissen überprüfen. Diese einfache Gewohnheit schützt den Ruf Ihrer Marke und stellt sicher, dass Ihre Besucher niemals auf eine fehlerhafte Seite stoßen.

Profi-Tipp: Denken Sie immer daran, Ihre Staging-Site zu aktualisieren, bevor Sie eine neue Testrunde starten. Wenn Ihre Staging-Umgebung mehrere Monate alt ist, spiegelt sie nicht genau wider, wie sich neue Änderungen auf Ihrer aktuellen Live-Site auswirken werden. Verwenden Sie Duplicator, um Ihren Staging-Bereich schnell mit einer neuen Kopie Ihrer Produktions-Site zu überschreiben, bevor Sie mit der Arbeit beginnen.

Sind Sie bereit, Ihre Staging-Site einzurichten? Probieren Sie Duplicator Pro aus, um Ihre Live-Website ohne Ausfallzeiten auf eine Staging-Site zu migrieren!

Während Sie hier sind, könnten Ihnen auch diese zusätzlichen WordPress-Tutorials gefallen:

• So migrieren Sie eine große WordPress-Site (der einfache Weg)
• Die 9 besten WordPress-Staging-Plugins (+ unsere Expertenbewertungen)
• So migrieren Sie eine WordPress-Site manuell
• 11 WordPress-Wartungsaufgaben, die Sie nicht vergessen möchten
• Die 9 besten WordPress-Backup-Plugins
• So migrieren Sie eine WooCommerce-Site