Wie man eine WordPress Staging-Site mit hPanel, einem Plugin und einer Subdomain erstellt

WordPress-Websites haben einen entscheidenden Vorteil – die Möglichkeit, eine Staging-Site zu erstellen, um Änderungen und Aktualisierungen zu testen, bevor Sie live gehen. Als Kopie Ihrer Live-Site können Sie in einer Staging-Umgebung mit verschiedenen Designs, Plugins und Inhalten experimentieren, ohne die Benutzerfreundlichkeit zu beeinträchtigen.

In dieser WordPress-Anleitung stellen wir Ihnen drei Methoden vor, um eine Staging-Site zu erstellen – mit dem integrierten Staging-Tool von Hostinger, einem Staging-Plugin und einem Subdomain-Website-Klon. Außerdem geben wir Ihnen Tipps zur Verwendung und Entfernung der Staging-Site nach der Aktualisierung Ihrer Live-WordPress-Site.

Für diejenigen, für die Testumgebungen neu sind, gehen wir am Ende des Artikels auf ihre Vorteile ein und erläutern, wie sie dazu beitragen, die Leistung Ihrer Website und die Benutzerfreundlichkeit zu verbessern.

So richten Sie eine WordPress Staging-Umgebung ein

Unabhängig davon, welche Methode Sie bevorzugen, sollten Sie bedenken, dass durch die Veröffentlichung der Staging-Inhalte Dateien und Datenbanken auf Ihrer ursprünglichen Website ersetzt werden. Sichern Sie Ihre gesamte WordPress-Website, bevor Sie die Staging-Änderungen bereitstellen, um einen möglichen Datenverlust zu vermeiden.

Hostinger-Benutzer können Website-Backups im hPanel über Dateien → Backups erstellen und verwalten. Wenn Ihr Webhosting keine Backup-Funktion hat, sind verschiedene Backup-Plugins verfügbar, um Ihre Daten zu sichern.

So erstellen Sie eine WordPress-Staging-Umgebung mit dem Staging-Tool von Hostinger

Benutzer des WordPress Business- und Cloud-Hostings von Hostinger können Staging-Sites über hPanel, das Dashboard ihres Hosting-Kontos, erstellen. Diese Methode ist anfängerfreundlich, da Sie keine zusätzlichen Tools installieren müssen.

1. Einrichten der Staging Site

Beginnen wir mit der Einrichtung einer Testseite im hPanel von Hostinger:

• Navigieren Sie in Ihrem Hosting Control Panel zu WordPress → Staging.

• Wählen Sie im Tab Staging die Schaltfläche Staging erstellen.

• Geben Sie den Namen der Subdomain für die Staging-Site ein und klicken Sie auf Erstellen.

• Der Kopierprozess kann bis zu 15 Minuten dauern, je nach Größe der zu kopierenden Website. Klicken Sie auf Schließen, um die Bestätigungsmeldung zu verwerfen.
• Scrollen Sie anschließend nach unten zur Liste der Staging-Sites und klicken Sie neben der neu erstellten Umgebung auf Staging verwalten.

• Wählen Sie im Staging-Dashboard die Option Staging Admin Panel, um auf den WordPress-Verwaltungsbereich zuzugreifen und Änderungen vorzunehmen.

2. Bereitstellen der Änderungen auf der Produktionsseite

Nachdem Sie alle notwendigen Änderungen vorgenommen haben, folgen Sie diesen Schritten, um sie auf die Live-Website zu übertragen:

• Klicken Sie in der Liste der Staging-Sites auf das Symbol mit den drei Punkten neben der kürzlich geänderten Staging-Site und klicken Sie auf Veröffentlichen.

• Lesen Sie den Haftungsausschluss und klicken Sie zur Bestätigung auf Veröffentlichen. Der Vorgang kann etwa 15 Minuten dauern.

• Unser WordPress Staging-Tool erstellt automatisch eine Sicherungskopie Ihrer gesamten WordPress-Website. Klicken Sie auf das Symbol mit den drei Punkten und klicken Sie auf Rückgängig machen, um bei Bedarf auf die Pre-Staging-Version zurückzukehren.

So erstellen Sie eine WordPress Staging-Umgebung mit dem Plugin WP Staging

Wenn Ihr Hosting-Provider keine Staging-Funktion anbietet, können Sie eine WordPress Staging-Website mithilfe eines Plugins erstellen. Glücklicherweise gibt es viele Staging-Plugins, die Ihnen die Arbeit als Website-Besitzer erleichtern.

Im folgenden Abschnitt verwenden wir die kostenlose Version von WP Staging, einem der beliebtesten WordPress-Plugins zur Optimierung von Staging und Backups. Das Übertragen von Änderungen auf die Live-Site ist jedoch eine Pro-Funktion. Um diese Funktion zu erhalten, erwerben Sie den Premium-Tarif von WP Staging ab 8,08 US$/Monat.

Nachdem Sie das WordPress-Plugin installiert und aktiviert haben, folgen Sie diesen Schritten, um eine Staging-Site zu erstellen:

• Navigieren Sie im WordPress-Dashboard zur Registerkarte WP Staging und klicken Sie auf die Schaltfläche Staging Site erstellen.

• Geben Sie den Namen der Site ein, um eine benutzerdefinierte Staging-Site-URL zu erstellen. In diesem Beispiel lautet die URL der Staging-Site https://domain.tld/staging.

• Das WordPress Staging-Plugin klont automatisch die Daten Ihrer Live-Webseite in die Staging-Umgebung. Erweitern Sie die Abschnitte Datenbanktabellen und Dateien, um Elemente für die Duplizierung auszuwählen und den Staging-Prozess zu vereinfachen. Ansonsten übernehmen Sie die Standardeinstellungen.

• Wählen Sie Klonen starten und warten Sie ein paar Minuten, bis der Vorgang abgeschlossen ist.
• Wenn der Klonvorgang erfolgreich war, erhalten Sie eine Bestätigungsnachricht mit der URL der Staging-Site. Klicken Sie auf Schließen, um sie zu verwerfen.

• Kehren Sie zu WP Staging → Staging Sites zurück und wählen Sie Aktionen → Öffnen, um mit Ihren Admin-Zugangsdaten auf die neu erstellte Staging Site zuzugreifen.

Manuelle Erstellung einer WordPress-Staging-Umgebung mit einer Subdomain

Die manuelle Methode erfordert mehr technisches Know-how und Zeit als die Verwendung eines Staging-Tools. Sie bietet jedoch die volle Kontrolle über das Staging und ermöglicht das Testen von benutzerdefinierten Codes oder komplexen Website-Setups in einer maßgeschneiderten Umgebung, die die Live-Site widerspiegelt.

In dieser Anleitung erfahren Sie, wie Sie mit dem Dateimanager von Hostinger manuell eine WordPress-Staging-Seite erstellen.

1. Erstellen der Subdomain

Die Einrichtung einer WordPress Staging-Site in einer Subdomain gewährleistet sicherere Änderungen, da sie von der Produktionswebsite getrennt ist. Und so geht’s:

• Gehen Sie im hPanel Dashboard zu Domains → Subdomains.

• Geben Sie den Namen der Subdomain ein. Dieser Schritt erstellt einen neuen Ordner im Verzeichnis public_html. Alternativ können Sie die Option Benutzerdefinierten Ordner für Subdomain aktivieren, um einen neuen Subdomain-Ordner mit einem benutzerdefinierten Namen zu erstellen. Klicken Sie auf Erstellen.

• Die neue Subdomain erscheint im Abschnitt Liste der aktuellen Subdomains.

2. Kopieren der Website-Dateien

Der nächste Schritt besteht darin, die neue Subdomain mit den Dateien Ihrer WordPress-Website zu füllen. Sie können die Dateien der Live-Site mit dem Dateimanager Ihres Hosting-Providers oder einem FTP-Client wie FileZilla kopieren.

Folgen Sie diesen Schritten, um die Dateien der Live-Site mit dem Dateimanager von Hostinger zu duplizieren:

• Gehen Sie im hPanel zu Dateien → Dateimanager und wählen Sie Auf Dateien von [Ihre Live-Site] zugreifen.

• Doppelklicken Sie auf public_html, das Stammverzeichnis, um es zu öffnen.
• Kopieren Sie alle Ordner und Dateien in den Subdomain-Ordner. Die einfachste Methode ist, Strg + A bei Windows oder ⌘ + A bei Mac zu drücken, die Auswahl des Subdomain-Ordners aufzuheben und auf das Symbol Datei kopieren in der oberen Symbolleiste zu klicken.

3. Klonen der Datenbank

Nachdem Sie Ihre WordPress-Dateien dupliziert haben, machen Sie dasselbe mit der vorhandenen Datenbank.

Hier erfahren Sie, wie Sie Ihre WordPress-Datenbank mit phpMyAdmin, einem beliebten Verwaltungstool für MySQL-Datenbanken, klonen können:

• Navigieren Sie im hPanel zu WordPress → Übersicht. Öffnen Sie die Registerkarte Dashboard und überprüfen Sie, welche Datenbank Ihre Haupt-Website verwendet.

• Gehen Sie im hPanel zu Datenbanken → Verwaltung und erstellen Sie eine neue Datenbank für die Staging-Site. Wenn der Vorgang erfolgreich war, wird die neue Datenbank in der Liste der aktuellen MySQL-Datenbanken und Benutzer angezeigt.

• Datenbanken → phpMyAdmin zugreifen und klicken Sie neben der Datenbank Ihrer Live-Site auf phpMyAdmin aufrufen.

• Sobald hPanel Sie zu phpMyAdmin weiterleitet, öffnen Sie die Registerkarte Export und klicken Sie auf Go. Mit den Standardeinstellungen können Sie die Datenbank im SQL-Format auf Ihren Computer herunterladen.

• Kehren Sie zum Abschnitt phpMyAdmin im hPanel zurück. Diesmal wählen Sie phpMyAdmin aufrufen neben Ihrer Staging-Datenbank.
• Öffnen Sie in phpMyAdmin die Registerkarte Import und wählen Sie die heruntergeladene SQL-Datei aus. Behalten Sie die Standardeinstellungen bei und klicken Sie auf Go.

• Wenn der Importvorgang erfolgreich war, wird eine Bestätigungsmeldung zusammen mit den Datenbanktabellen in der Seitenleiste angezeigt.

4. Konfigurieren der Datei wp-config.php der Subdomain

Da Sie nun eine separate Datenbank zum Testen haben, verbinden Sie diese mit Ihrer neuen Staging-Site in der Subdomain. Dazu ändern Sie die Datei wp-config.php, ein Kernelement Ihrer WordPress-Installation, in der Datenbankinformationen gespeichert werden.

Folgen Sie diesen Schritten, um eine neue Datenbankverbindung in der Datei wp-config.php einzurichten:

• Öffnen Sie im Dateimanager public_html → staging → wp-config.php.

• Scrollen Sie nach unten, bis Sie eine Codezeile finden, in der Datenbankeinstellungen steht – diese Information erhalten Sie von Ihrem Webhoster. Fügen Sie den folgenden Code darüber ein:

define('WP_HOME','http://staging.domain.tld');

define('WP_SITEURL','http://staging.domain.tld');

Denken Sie daran, den Platzhalter staging.domain.tld in Ihre Staging-Subdomain zu ändern.

• Ändern Sie die Werte DB_NAME, DB_USER und DB_PASSWORD so, dass sie mit den Datenbankinformationen und Anmeldeinformationen Ihrer Staging-Site übereinstimmen. Wenn Sie fertig sind, klicken Sie auf das Symbol Speichern.

Sie können die Staging-Umgebung jetzt verwenden.

5. Implentieren der Änderungen auf der Live-Seite

Bei diesem Schritt werden die Datenbank und die Dateien der Staging-Site in die Produktionsumgebung importiert.

Da Sie nur in eine leere Datenbank importieren können, löschen Sie zunächst die Datenbank der Live-Site. Nachdem Sie die Datenbank der ursprünglichen Website mit der Exportfunktion von phpMyAdmin gesichert haben, folgen Sie diesen Schritten:

• Exportieren Sie die Datenbank Ihrer Staging-Site über Datenbanken → phpMyAdmin.
• Öffnen Sie die Datenbank Ihrer Live-Site in phpMyAdmin.
• Aktivieren Sie auf der Registerkarte Struktur das Kontrollkästchen Alle markieren unter der Liste der Tabellen und wählen Sie aus dem Dropdown-Feld daneben Drop. Wählen Sie Go, um alle Tabellen aus der Datenbank zu entfernen.

• Importieren Sie die Datenbankdatei der Staging-Site in die Live-Site.

Kopieren Sie alle Dateien außer wp-config.php aus dem Staging-Ordner in den public_html-Ordner mit dem Dateimanager.

So löschen Sie eine Staging-Site

Viele WordPress-Benutzer schätzen die Bequemlichkeit, Staging-Sites jederzeit zur Verfügung zu haben. Das Löschen einer Staging-Site nach einem Update kann jedoch Serverressourcen einsparen und die Verwaltung der Website rationalisieren, so dass Sie sich auf die Live-Umgebung konzentrieren können.

Hier finden Sie eine Anleitung zum Entfernen einer Staging-Site, je nachdem, wie Sie sie erstellt haben:

Löschen einer Staging-Site im Staging-Tool von Hostinger

• Gehen Sie zur Liste der Staging-Sites im hPanel und suchen Sie die Website, die Sie entfernen möchten.
• Wählen Sie das Symbol mit den drei Punkten und klicken Sie auf Löschen.

• Lesen Sie den Haftungsausschluss und wählen Sie zur Bestätigung Löschen.

Löschen einer Staging-Site mit dem WP Staging Plugin

• Gehen Sie im WordPress Admin-Dashboard zu WP Staging → Staging Sites und suchen Sie die Website, die Sie nicht mehr zum Testen verwenden.
• Klicken Sie neben der gewählten Staging-Site auf Aktionen → Löschen.

• Wählen Sie alle Staging-Datenbanktabellen und Dateien aus, die Sie entfernen möchten, und klicken Sie dann auf Löschen.

Löschen einer manuellen Staging-Site in der Subdomain

• Löschen Sie den Staging-Ordner über den Dateimanager aus dem Verzeichnis public_html.

• Rufen Sie im hPanel über Datenbanken → Verwaltung die Liste der aktuellen MySQL-Datenbanken und -Benutzer auf. Klicken Sie auf das Symbol mit den drei Punkten neben Ihrer Staging-Datenbank und wählen Sie Löschen. Lesen Sie den Haftungsausschluss und klicken Sie auf Löschen bestätigen.

• Rufen Sie die Liste der aktuellen Subdomains über Domains → Subdomains auf. Wählen Sie das Symbol Löschen neben der Staging-Subdomain, die Sie nicht mehr verwenden. Lesen Sie den Haftungsausschluss und klicken Sie zur Bestätigung auf Löschen.

Hilfreiche Tipps für die Arbeit mit einer WordPress Staging Site

Hier finden Sie einige der besten Praktiken, um einen reibungslosen und sicheren Webentwicklungsprozess zu gewährleisten:

• Schränken Sie den Zugang zu Ihrer Staging-Site ein. Geben Sie nur Ihre IP-Adresse und die der entsprechenden Teammitglieder frei, um die Staging-Umgebung vor externen Bedrohungen zu schützen. Alternativ können Sie alle Zugriffe außer den Ihren blockieren, indem Sie den Befehl deny from all in Ihre .htaccess-Datei aufnehmen.
• Verwenden Sie unterschiedliche Datenbanken für die Produktions- und die Staging-Umgebung. So verhindern Sie, dass sich Tests und Änderungen in der Testphase auf die Produktionsumgebung auswirken und versehentliche Datenüberschreibungen oder Konflikte zwischen den beiden Umgebungen vermieden werden.
• Löschen Sie den Cache, bevor Sie die Änderungen bereitstellen. Da der Cache manchmal eine veraltete Version Ihrer Website anzeigen kann, zwingt das Löschen der Caches dazu, die Website neu zu laden, um die neuesten Änderungen anzuzeigen.
• Synchronisieren Sie regelmäßig Staging- und Live-WordPress-Sites. Die Durchführung von Tests und Entwicklungen auf der aktuellen Version Ihrer Live-Site gewährleistet genaue Ergebnisse.

WordPress Staging und lokale Entwicklungsumgebungen

Staging-Sites und lokale Entwicklungsumgebungen erfüllen unterschiedliche Aufgaben bei der Entwicklung und Wartung von Websites. Daher ist es wichtig, dass Sie die richtige Umgebung für Ihre Bedürfnisse wählen.

In diesem Artikel konzentrieren wir uns auf Staging-Umgebungen, die Ihre Live-Site für sichere Update-Tests in einer Umgebung replizieren, die der Live-Umgebung sehr ähnlich ist. Sie sind ideal, um letzte Prüfungen vor der Implementierung von Änderungen durchzuführen und sicherzustellen, dass alles ohne Fehler oder Ausfallzeiten funktioniert.

Im Gegensatz dazu laufen lokale WordPress-Umgebungen offline auf Ihrem Computer. Sie eignen sich am besten für frühe Entwicklungsphasen, umfangreiche Codierungsarbeiten und das Testen wichtiger Änderungen, ohne dass Serverkosten anfallen oder ein Internetzugang erforderlich ist.

Wenn Sie ein WordPress-Entwickler werden wollen, kann eine lokale Staging-Umgebung als Übungsplatz für Ihr praktisches Lernen dienen. Damit können Sie jederzeit und überall ohne Internetverbindung Webseiten unter verschiedenen Bedingungen erstellen und testen ‒ eine kostengünstige Möglichkeit, Ihre Fähigkeiten zu verbessern.

In unserer Anleitung zur lokalen Installation von WordPress finden Sie detaillierte Methoden und Schritte.

Gründe für die Verwendung einer WordPress Staging-Site

Sie wissen, dass eine WordPress Staging-Site die Entwicklung und das Testen ermöglicht, ohne die Live-Website zu beeinträchtigen. Wenn Sie noch mehr Überzeugungsarbeit leisten müssen, lassen Sie uns die Vorteile von Staging näher beleuchten.

WordPress Kern-Updates

Die Implementierung von WordPress-Core-Updates ist entscheidend für die Sicherheit, die Leistung und den Zugriff auf neue Funktionen. Allerdings können diese Updates manchmal zu Abstürzen der Website führen, insbesondere wenn es Kompatibilitätsprobleme mit veralteten Plugins oder Themes gibt.

Mit einer Staging-Website können Sie Konflikte oder Probleme erkennen und beheben, bevor sie sich auf Ihre Live-Site auswirken. So können Sie Ausfallzeiten vermeiden und die Zuverlässigkeit der Website bei größeren Aktualisierungen sicherstellen.

Wenn Sie Ihre WordPress-Version noch einmal überprüfen möchten, gehen Sie im hPanel zu WordPress → Sicherheit. Beachten Sie, dass der Ort dieser Informationen je nach Webhosting variiert.

WordPress Design und Funktionsanpassung

Die Integration von benutzerdefiniertem Code in Core-Dateien, Themes oder Plugins ist entscheidend für die Skalierung einer WordPress-Website. Wenn Sie diese Änderungen jedoch direkt an einer aktiven Website vornehmen, besteht die Gefahr von Fehlern oder Funktionsproblemen.

Eine Staging-Website bietet eine sichere Umgebung, um diese Anpassungen zu testen und zu verfeinern, ohne die Live-Site zu beeinträchtigen. Auf diese Weise behalten Sie die Stabilität Ihrer Website bei und können gleichzeitig mit neuen Funktionen experimentieren.

Plugin- und Theme-Tests

Wenn Sie Plugins und Themes auf einer Staging-Website testen, können Sie deren Auswirkungen auf Ihre Live-Site sicher beurteilen, ohne deren Stabilität zu gefährden. Dieser Prozess hilft Ihnen, Kompatibilitätsprobleme, Leistungseinbußen oder visuelle Unstimmigkeiten zu erkennen, bevor sie live gehen.

Darüber hinaus können Entwickler ihre neuen Plugins oder Themes im Staging-Modus gründlich testen und verfeinern, um Fehler zu beheben, bevor sie veröffentlicht werden.

Fazit

Die Einrichtung einer Staging-WordPress-Site ermöglicht es Ihnen, neue Funktionen und Designs sicher zu testen. Diese Funktion fördert Innovation und praktisches Lernen und verbessert Ihre Sicherheit, indem sie Fehler und Ausfallzeiten auf der Live-Site verhindert.

Lassen Sie uns drei effektive Methoden für die Einrichtung Ihrer eigenen WordPress-Staging-Site zusammenfassen:

• Mit dem Staging-Tool von Hostinger: Das einfachste und schnellste der drei Tools, da es nur ein paar Klicks erfordert, ohne zusätzliche Funktionen zu installieren.
• Verwendung eines WordPress-Plugins: Ideal für Benutzer ohne ein Staging-Tool in ihrem Control Panel. Mehrere Staging-Plugins bieten eine kostenlose Version mit unterschiedlichen Funktionen.
• Manuell in einer Subdomain: Nimmt mehr Zeit für die Einrichtung in Anspruch, bietet aber mehr Flexibilität und Kontrolle über die Staging-Umgebung.

Wir hoffen, dass Sie in diesem Artikel erfahren haben, wie Sie eine WordPress Staging-Site für Testzwecke einrichten. Wenn Sie noch Fragen haben, schauen Sie in den FAQ-Bereich oder hinterlassen Sie unten einen Kommentar. Viel Erfolg!

WordPress Staging FAQ

Dieser Abschnitt beantwortet einige der häufigsten Fragen zu WordPress-Staging-Sites.