So erstellen Sie eine Staging-Umgebung für eine WordPress-Site

Wenn WordPress-Anfänger in ihrer Karriere vorankommen, wächst auch ihre Website. Wenn Sie stabile und professionelle Websites ausführen, ist es nicht die beste Option, alles live zu bearbeiten. Einige unserer Benutzer baten uns um ein Tutorial, in dem der Prozess zum Erstellen einer Staging-Umgebung erläutert wird. In diesem Artikel zeigen wir Ihnen, wie Sie eine Staging-Umgebung für Ihre WordPress-Site erstellen.

Hinweis: Dieser Artikel eignet sich eher für Benutzer, die von der WordPress-Entwicklung für Anfänger zu einer etwas fortgeschritteneren Entwicklung wechseln möchten. Dieser Artikel hilft Ihnen beim Cowboy-Programmieren und erlernen die besten Praktiken. Dies erfahren Sie am Ende dieses Artikels.

• Erstellen einer Staging-Site
• Git und BitBucket verwenden
• Änderungen vom lokalen Server in BitBucket übertragen
• Bereitstellen von Änderungen von BitBucket zur Staging-Site

Was ist eine Inszenierungsumgebung??

Um auf einer WordPress-Site arbeiten zu können, empfehlen wir unseren Benutzern, WordPress lokal auf ihren Windows- oder Mac-Computern zu installieren. Wenn Sie mit Ihrer Website fertig und zufrieden sind, können Sie sie von localhost auf den Live-Server hochladen.

Bei diesem Ansatz gibt es ein Problem. Was ist, wenn etwas, das auf Ihrem localhost funktioniert hat, nicht auf dem Live-Server funktioniert? Dies würde Fehler verursachen, die für etablierte Websites problematisch sein können, da dies Auswirkungen auf die Platzierung von Suchmaschinen, den Umsatz, den ersten Eindruck von Nutzern usw. haben kann.

Anstatt Ihre Änderungen auf die Live-Site hochzuladen, können Sie sie auf eine Staging-Site auf demselben Server hochladen. Eine Staging-Site ist ein separater Entwicklungsbereich auf Ihrer Site (normalerweise eine Unterdomäne) mit eingeschränktem Zugriff. Hier können Sie Ihre Änderungen testen oder für Ihre gesamte Entwicklung verwenden. Nachdem Sie Ihre Site gründlich getestet haben, können Sie sie auf Ihre Live-Site hochladen.

Wenn Sie Anfänger sind und nicht den komplizierten Prozess erlernen möchten, der in dem folgenden Artikel hervorgehoben wird, empfehlen wir Ihnen, einen verwalteten WordPress-Hostinganbieter wie WPEngine auszuwählen, der integrierte Staging-Funktionen bietet. Unsere Freunde bei SiteGround bieten auch die Staging-Funktion in ihrem Wachstums-Geek-Plan an, der viel günstiger ist.

Einrichten einer Staging-Umgebung mit cPanel

Zuerst müssen Sie eine Subdomain in Ihrer Hauptdomäne erstellen. Mit einer Unterdomäne können Sie Ihre Website in einem separaten Ordner ausführen. Die Hauptdatenbank, die Dateien oder die Uploads sind davon nicht betroffen.

Melden Sie sich dazu bei Ihrem cPanel an (andere Kontrollfelder sind ähnlich, suchen Sie nach) Domains oder Subdomains), Unter dem Domains Sektionen müssen Sie auf Subdomains klicken.

Geben Sie im nächsten Bildschirm den Namen ein, den Sie für Ihre Subdomain verwenden möchten (normalerweise Inszenierung oder dev) und wählen Sie dann Ihre Hauptdomäne aus dem Dropdown-Menü.

In cPanel sollte dies automatisch das ausfüllen Dokument Root Textfeld mit einem Ort, der auf dem Namen Ihrer Subdomain basiert. Sie können dies ändern, wenn Sie möchten. Normalerweise ist die Standardeinstellung OK (public_html / staging)..

Jetzt müssen Sie nur noch klicken Erstellen wenn du fertig bist. Es sollte die Subdomain in der folgenden Tabelle bestätigen und anzeigen.

Sie können überprüfen, ob Ihre Subdomain eingerichtet wurde, indem Sie sie in Ihrem Webbrowser besuchen. Es sollte etwas ähnliches anzeigen:

Jetzt müssen Sie ein separates FTP-Konto für Ihre Staging-Umgebung erstellen. Ein dediziertes FTP-Konto hat nur Zugriff auf Ihr Staging-Verzeichnis, um versehentliche Änderungen an Ihrer Live-Umgebung zu verhindern.

Navigieren Sie in cPanel zum FTP-Konto Sektion. Füllen Sie die Felder in der FTP-Konto hinzufügen Sektion.

Das Verzeichnis sollte mit dem Verzeichnis übereinstimmen, das Sie beim Erstellen Ihrer Subdomain angegeben haben. Klicken Erstellen Sie ein FTP-Konto um ein neues Konto anzulegen. Dieses Konto hat nur Zugriff auf das von Ihnen angegebene Verzeichnis, nicht auf den gesamten Server.

Daten von Live Site in Staging-Umgebung kopieren

Nachdem Sie nun Ihre Subdomain eingerichtet haben, müssen Sie als Nächstes die Daten von Ihrer Live-Site auf Ihre Staging-Site kopieren. Auf diese Weise können Sie Änderungen in Ihrer Staging-Umgebung mit denselben Daten testen, ohne dass dies Auswirkungen auf Ihre Live-Site hat.

Der einfachste Weg, dies zu tun, ist durch phpMyAdmin. Einloggen in phpMyAdmin über cPanel, und wählen Sie Ihre aktuelle Live-Datenbank. Nachdem Sie Ihre Live-Datenbank ausgewählt haben, klicken Sie auf Operationen Registerkarte in der Menüleiste.

Hier müssen Sie nach dem suchen Datenbank kopieren nach Box. Geben Sie im Textfeld den Namen Ihrer Staging-Datenbank ein (falls Sie sie noch nicht erstellt haben, stellen Sie sicher, dass dies der Fall ist) ERSTELLEN SIE DATENBANK vor dem Kopieren wird geprüft, und geben Sie ihm einen Namen, z. B. example_staging). Sie müssen sowohl die Struktur als auch die Daten kopieren und sicherstellen, dass Sie die verbleibenden Einstellungen als Standard beibehalten. Klicken Gehen um die Kopie auszuführen. Denken Sie daran, dass dies bei größeren Datenbanken einige Zeit dauern kann.

Nachdem Ihre Datenbank kopiert wurde, müssen Sie sie in der Seitenleiste links auswählen. phpMyAdmin öffnet jetzt Ihre neu kopierte Datenbank. Sie müssen auf klicken SQL Registerkarte in der Menüleiste von phpMyAdmin.

Jetzt werden wir alle Verweise unserer Live-Site auf die Staging-Site ersetzen, um sicherzustellen, dass alles gut funktioniert, wenn wir diese Datenbank für das Staging verwenden. Dazu müssen Sie die folgenden SQL-Abfragen ausführen.

 UPDATE wp_options SET option_value = REPLACE (option_value, 'ORIGINAL_URL', 'NEW_URL'); UPDATE wp_postmeta SET meta_value = REPLACE (meta_value, 'ORIGINAL_URL', 'NEW_URL'); UPDATE wp_posts SET guid = REPLACE (guid, 'ORIGINAL_URL', 'NEW_URL'); UPDATE wp_posts SET post_content = REPLACE (post_content, 'ORIGINAL_URL', 'NEW_URL'); 

Geben Sie die obigen Abfragen in das SQL-Abfragefeld ein und ersetzen Sie die folgenden Werte:

• ORIGINAL_URL - Ihre ursprüngliche Site-URL, z. http://example.com. Sie finden dies in Ihrem WordPress Admin unter Einstellungen> Allgemein> WordPress-Adresse (URL).
• NEW_URL - Geben Sie Ihre neue URL ein. Dies ist die von Ihrer Staging-Site, die Sie zuvor erstellt haben (unbedingt http: // angeben - z. B. http://staging.example.com).
• wp_ - Wenn Ihre Website über ein benutzerdefiniertes Präfix für Datenbanktabellen verfügt, stellen Sie sicher, dass Sie wp_ damit ersetzen.

Klicken Gehen um die Abfragen auszuführen. Eine Bestätigungsmeldung wird angezeigt, wenn dies abgeschlossen ist.

Nach dem Kopieren Ihrer Datenbank müssen Sie Ihre WordPress-Dateien, Plugins, Designs und Uploads kopieren. Laden Sie zuerst eine neue Version von WordPress von WordPress.org herunter. Laden Sie den Inhalt von WordPress auf Ihre Staging-Site hoch. Hinweis, Führen Sie die WordPress-Installation noch nicht aus.

Wenn Sie WordPress hochgeladen haben, müssen Sie als Nächstes Mediendateien, Plugins und Designs kopieren. Die folgenden Ordner müssen kopiert werden:

• / wp-content / uploads
• / wp-content / themes
• WP-Inhalt / Plugins

Wenn sie klein sind, können Sie sie über Ihren FTP-Client von Ihrer Live-Site herunterladen und in Ihren Staging-Ordner hochladen. Bei größeren Ordnern kann dies jedoch häufig zeitaufwändig sein. Mit dem Dateimanager von cPanel können Sie Ordner direkt auf den Server kopieren, wodurch der Prozess erheblich beschleunigt wird.

Melden Sie sich in Ihrem cPanel-Dashboard an und klicken Sie auf Dateimanager unter Dateien.

cPanel startet den Dateimanager. Sie müssen zu Ihrer Live-Site navigieren WP-Inhalt Verzeichnis (normalerweise / public_html / wp-content), in dem Sie Ihre Designs, Plugins und Upload-Ordner sehen können.

Für jeden Ordner müssen Sie mit der rechten Maustaste klicken und auswählen Kopieren. Daraufhin wird ein Dialogfeld angezeigt. Wählen Sie den Ort aus, an den der Ordner kopiert werden soll. Wir möchten es in das Verzeichnis kopieren, das wir für die Staging-Subdomain erstellt haben. Es ist auch das Verzeichnis, in das Sie im vorherigen Schritt WordPress hochgeladen haben. / public_html / staging / wp-content /

Dadurch werden alle Ordner in Ihre Inszenierung kopiert WP-Inhalt Verzeichnis.

Sie müssen dies für jedes der oben genannten Verzeichnisse (Plugins, Designs und Uploads) wiederholen..

Hinweis: In einigen WordPress-Hosting-Umgebungen können Sie möglicherweise keinen Dateimanager verwenden. In diesem Fall müssen Sie diese Verzeichnisse manuell auf Ihren Computer herunterladen und anschließend wieder auf die Staging-Site hochladen oder SSH verwenden.

Nachdem Sie diese Verzeichnisse kopiert haben, können Sie Ihre Staging-Installation von verbinden WordPress in die zuvor kopierte Datenbank.

Greifen Sie über die zuvor erstellte Subdomain auf Ihre Staging-Site zu. Wenn Ihr Staging-Verzeichnis keine enthält wp-config.php Datei, WordPress versucht, eine zu erstellen, in der Sie nach Details zur Datenbankverbindung gefragt werden. Wenn die Datei wp-config.php vorhanden ist, stellen Sie sicher, dass Sie sie bearbeiten, um die neuen Verbindungsdaten der Staging-Datenbank zu verwenden.

Einmal WordPress Hat eine Verbindung zu Ihrer Staging-Datenbank hergestellt, sollte WordPress installiert sein und Sie werden aufgefordert, sich anzumelden. Ihre Anmeldedaten entsprechen denen auf Ihrer aktuellen Live-Site.

Alle Änderungen, die Sie an Ihrer Staging-Umgebung vornehmen, sind jetzt unabhängig von Ihrer Live-Umgebung. Dies bedeutet, dass Sie die Einstellungen ändern, neue Plugins installieren, Themendateien bearbeiten und vieles mehr können, ohne dass dies die Benutzererfahrung beeinträchtigt.

Konfigurieren und Problembehandlung Ihrer Staging-Umgebung

Sobald Sie sich bei Ihrer Inszenierung angemeldet haben WordPress Bei der Installation müssen einige Einstellungen vorgenommen werden, bevor Sie fortfahren.

Stellen Sie sicher, dass Ihre Domain korrekt ist

Schauen Sie sich die URL Ihres Admin-Bildschirms an. Wenn es sich um Ihre Unterdomäne handelt, wurde die neue Konfiguration erkannt. Wenn nicht, haben die zuvor ausgeführten SQL-Abfragen Ihre Site-URL in der Staging-Datenbank nicht geändert. Suche nach Seiten-URL und Zuhause option_name innerhalb der Tabelle wp_options.

Stellen Sie sicher, dass Ihre Medien kopiert wurden

Besuchen Sie den Medienbereich Ihrer WordPress-Administration und prüfen Sie, ob Ihre Bilder / Videos / etc. sind am Platz. Wenn ja, wird das Upload-Verzeichnis korrekt kopiert. Wenn nicht, stellen Sie sicher, dass sich das Upload-Verzeichnis am richtigen Ort befindet (normalerweise / public_html / staging / wp-content / uploads)..

Deaktivieren Sie XML-Sitemaps in WordPress SEO

Wenn Sie WP SEO ausführen, müssen Sie sicherstellen, dass die Option XML-Sitemaps deaktiviert ist. Dies verhindert, dass Suchmaschinen Ihre Staging-Umgebung indizieren.

Eingeschränkter Site-Zugriff

Um zu verhindern, dass Benutzer Ihre Staging-Site versehentlich besuchen, müssen Sie Restricted Site Access installieren und aktivieren. Gehen Sie nach der Installation zu Einstellungen> Lesen um das Plugin zu konfigurieren.

Sie wollen auch in die Einstellungen »Lesen Stellen Sie sicher, dass Sie die Indizierung dieser Site durch Suchmaschinen deaktivieren. Sie möchten sicherstellen, dass Sie dies tun, um doppelten Inhalt zu vermeiden.

Sie können das gesamte Verzeichnis auch mit einem Kennwort schützen. Die im Tutorial gezeigte Methode ist für / wp-admin /, Sie können sie jedoch für jeden Standortordner ändern.

Aktualisieren Sie Permalinks

Besuch Einstellungen> Permalinks Klicken Sie auf Speichern, um sicherzustellen, dass Ihre Permalink-Struktur auf dem neuesten Stand ist. Wenn Sie auf Ihrer Staging-Site 404-Fehler erhalten, ist dies häufig die Ursache.

Änderungen an Staging von GitHub oder BitBucket übernehmen

Die meisten professionellen Entwickler verwenden ein Versionskontrollsystem wie SVN oder Git, um ihren Entwicklungsfortschritt zu verfolgen. Wenn Sie ein Versionskontrollsystem verwenden, können Sie in die Vergangenheit zurückkehren, wenn etwas schief geht, da der gesamte Codeverlauf an einem zentralen Ort gespeichert wird. Es erleichtert auch die Zusammenarbeit, da alle Änderungen an einem zentralen Ort gespeichert werden. Entwickler haben Zugriff auf alle an einem Projekt vorgenommenen Änderungen.

GitHub oder BitBucket, welchen Sie verwenden sollten

Sowohl GitHub als auch BitBucket sind ein Projekt-Hosting-Service, mit dem Sie Git für Ihre Projekte verwenden können. GitHub ist bei Open-Source-Projektentwicklern beliebter und hat eine größere Entwicklergemeinschaft. Wenn das Projekt, an dem Sie arbeiten, ein WordPress-Plugin oder ein Design ist, können Sie es auf GitHub hosten. Ihr Projekt ist öffentlich sichtbar und andere Benutzer können Ihren Quellcode sehen. Um ein privates Repository auf GitHub zu erstellen, müssen Sie ein Upgrade auf den bezahlten Tarif durchführen.

Auf der anderen Seite können Sie mit BitBucket kostenlos private Repositorys erstellen. Wenn Sie auf der Website eines Kunden oder Ihrer eigenen persönlichen Website arbeiten, möchten Sie wahrscheinlich Ihre Arbeit privat halten. BitBucket macht es Ihnen einfacher.

Erste Schritte mit BitBucket

Schritt 1. Git installieren

Als erstes müssen Sie Git unter Windows (oder Mac) herunterladen und installieren..

Schritt 2. Erstellen Sie Ihr erstes Repository

Nachdem Sie Git installiert haben, müssen Sie sich für ein kostenloses BitBucket-Konto anmelden. Nach der Anmeldung gelangen Sie in das BitBucket-Dashboard, in dem Sie auf klicken müssen Neues Repository erstellen Taste.

Geben Sie einen Namen und eine Beschreibung für Ihr Repository ein. Dies hilft Ihnen bei der Identifizierung Ihres Projekts. Um Ihr Repository privat zu machen, müssen Sie das Kontrollkästchen neben aktivieren Zugriffsebene. Stellen Sie abschließend sicher, dass Git als Repository-Typ ausgewählt ist. Sie können die übrigen Optionen unverändert lassen und zum Fortfahren auf die Schaltfläche Repository erstellen klicken. BitBucket erstellt nun ein leeres Repository für Sie.

Da Sie an Ihrer lokalen WordPress-Installation arbeiten, klicken Sie auf Ich habe ein vorhandenes Projekt, um es hochzuschieben.

Schritt 3. Lokales Verzeichnis zu Git hinzufügen

Sie sind bereit, Ihr lokales WordPress-Projekt auf BitBucket zu übertragen. Starten Sie Git Bash auf Ihrem Computer. Ja, es ist ein Befehlszeilentool, und Sie müssen Befehle eingeben, aber machen Sie sich keine Sorgen, es ist super einfach.

Wenn Sie die Befehlszeile nicht verwenden möchten, können Sie GUI-Schnittstellen wie Github für Windows (das auch für Bitbucket funktioniert) und / oder TortoiseGit verwenden.

Zuerst müssen Sie Ihren lokalen WordPress-Projektordner als Repository in Git hinzufügen. Denken Sie daran, dass Sie nicht Ihr gesamtes WordPress-Verzeichnis zum Projekt hinzufügen müssen. Wenn Sie an einem Thema arbeiten, können Sie dieses Themenverzeichnis einfach als Git-Repository hinzufügen.

Wechseln Sie in Git Bash zuerst in Ihr Projektverzeichnis, indem Sie den Pfad zu Ihrem Projektverzeichnis eingeben und ihn dann zu Git hinzufügen:

 cd / c / xampp / htdocs / wordpress / wp-content / themes / myawesometheme git init 

Nachdem Sie Ihr Projekt zu Git hinzugefügt haben, müssen Sie als Nächstes alle Dateien hinzufügen.

 git add . 

Nachdem Sie alle Ihre Dateien hinzugefügt haben, ist der nächste Schritt das erste Commit.

 git commit -m "Alle Projektdateien beim ersten Commit hinzufügen" 

Schritt 4. Synchronisieren Sie die Änderungen mit Ihrem Bitbucket-Repository.

Der letzte Schritt besteht darin, Ihre lokalen Dateien mit Ihrem BitBucket-Repository zu synchronisieren. Geben Sie diese Zeile in Git Bash ein, um Ihr lokales Repository mit Ihrem BitBucket-Repository zu verbinden.

 git remote add ursprung https: //[email protected]/bitbucketusername/repositoryname.git 

Schieben Sie alle Ihre Dateien in das BitBucket-Repository.

 git push -u origin --all # drückt das Repo und seine Refs zum ersten Mal nach oben 

Herzlichen Glückwunsch, Sie haben Ihre lokalen WordPress-Dateien erfolgreich mit Ihrem BitBucket-Repository synchronisiert. Jetzt können Sie einige Änderungen an den Dateien in Ihrem lokalen Repository vornehmen. Wenn Sie mit den Änderungen fertig sind, müssen Sie diese Änderungen in Git übernehmen.

 git add. git commit -m "Neue Funktionen hinzugefügt" git Push -u origin --all 

Bereitstellen von Änderungen von BitBucket zur Staging-Site

Nachdem Sie gelernt haben, wie Sie Git mit BitBucket verwenden, ist es an der Zeit, Änderungen aus Ihrem BitBucket-Repository auf Ihrer Staging-Site bereitzustellen. Auf diese Weise können Sie lokal an Ihrer Site arbeiten und Ihre Änderungen an Ihrer Staging-Site testen, ohne die Live-Site zu beeinträchtigen.

Dafür empfehlen wir die Verwendung von Ftploy. Mit dem kostenlosen Basiskonto können Sie ein Projekt einrichten. Es überwacht Änderungen, die an Ihrem BitBucket-Repository vorgenommen wurden, und stellt sie dann auf Ihrem Webserver bereit. Zuerst müssen Sie sich für ein Konto bei Ftploy anmelden. Danach müssen Sie Ihre Serverdetails hinzufügen.

Wählen Sie zum Konfigurieren eines neuen Servers Server »Neuer Server von der Navigation oben.

Füllen Sie die entsprechenden Felder mit den Einstellungen aus, die Sie bei der vorherigen Konfiguration Ihres Staging-FTP-Kontos erstellt haben.

Klicken Testverbindung Um sicherzustellen, dass FTPloy eine Verbindung zu Ihrem Server herstellen kann, klicken Sie auf Server speichern.

Wählen Sie zum Erstellen eines Projekts Projekte »Neues Projekt Wählen Sie im Navigationsmenü ggf. GitHub oder BitBucket aus.

Wenn Sie Ihren Server zuvor definiert haben, können Sie ihn aus dem Dropdown-Menü auswählen (andernfalls geben Sie die Details in die entsprechenden Felder ein). Geben Sie im Feld Serverpfad den Pfad zu Ihrem Themeverzeichnis ein (dies hängt von der Struktur Ihres Repos ab, aber / wp-content / theme / your-theme ist geeignet, wenn Ihr Repo nur Ihr Design enthält.).

Wenn Sie eine Änderung an diesem BitBucket-Repository vornehmen, nimmt FTPloy die geänderten Dateien auf und überträgt sie auf den ausgewählten Server.

Änderungen an Live verschieben

Wenn Sie FTPloy verwenden, um Ihre Änderungen von einem Repository auf Ihrem Staging-Server bereitzustellen, können Sie einen ähnlichen Prozess für Ihren Live-Server einrichten. Wenn jedoch falscher oder fehlerhafter Code in Ihr Repository übertragen wurde, wird dieser automatisch an Ihre Live-Site gesendet.

Es wird empfohlen, ein automatisiertes Bereitstellungssystem wie FTPloy für einen Staging-Server auszuführen und die erforderlichen Dateien manuell auf Ihre Live-Site zu kopieren, wenn Sie mit den Änderungen zufrieden sind und sie in Ihrer neuen Staging-Umgebung gründlich getestet haben.

Wir hoffen, dass Sie mit diesem Artikel erfahren haben, wie Sie eine Staging-Umgebung für Ihre WordPress-Sites erstellen. Informationen zur Fehlerbehebung finden Sie in unserem Leitfaden zu den häufigsten WordPress-Fehlern und deren Behebung. Für Feedback und Fragen können Sie unten einen Kommentar hinterlassen.