So pushen Sie eine WordPress-Entwicklungsseite live

Zu wissen, wie man eine WordPress-Entwicklungsseite (dev) live pusht, ist entscheidend für die Aufrechterhaltung der Betriebszeit während der Aktualisierung Ihrer Website. Dies ist besonders hilfreich für Agenturen, die eine große Anzahl von Websites verwalten und aktualisieren, sowie für Websitebesitzer, die ihre aktuelle Website umfassend aktualisieren möchten. Mithilfe einer Entwicklungswebsite können Sie Änderungen an einer Website vornehmen, ohne die Live-Website zu beeinträchtigen. Wenn Sie Ihre Änderungen eingewählt haben, können Sie diese einfach live übertragen.

In diesem Artikel zeigen wir Ihnen drei Methoden (im Detail), um eine Entwicklungs- oder Staging-Site live zu schalten. Aber zuerst klären wir einige Begriffe.

Obwohl es sicherlich Unterschiede zwischen diesen Begriffen geben kann, verwenden wir „Entwicklungssite“ (oder „Entwicklungssite“), „Staging-Site“ und „lokale Site“ synonym. Dies sind alles Testumgebungen, die es Benutzern ermöglichen, Änderungen an ihren WordPress-Websites so vorzunehmen, dass die Live-Site nicht beeinträchtigt wird. In ähnlicher Weise ist eine „Live-Site“ oder „Produktionssite“ eine Website, die Besucher im Internet sehen sollen.

Was zu tun ist, bevor Sie live gehen

Es gibt ein paar Dinge, die Sie tun können, um sich auf den Erfolg vorzubereiten, bevor Sie offiziell damit beginnen, Ihre Entwicklungsseite in die Produktion zu bringen.

Bild von Vector Stock Pro/shutterstock.com

1. Stellen Sie sicher, dass die Dev-Site voll funktionsfähig ist – Sie sollten sicherstellen, dass Ihre Dev-Site voll funktionsfähig ist, bevor wir sie auf Ihre Live-Site übertragen. Dies ist der springende Punkt bei der Arbeit in einer Sandbox- oder Staging-Umgebung – Sie können sicherstellen, dass die von Ihnen vorgenommenen Änderungen korrekt funktionieren, bevor Sie sie auf einer Live-Website freigeben.
2. Sichern Sie beide Websites – Sichern Sie Ihre Website(s). Es ist am sichersten, sowohl Ihre Entwicklungsseite als auch Ihre Live-Seite zu sichern, obwohl die Live-Seite die wichtigste der beiden ist, da es die Seite ist, die Sie schützen möchten. Es gibt einige WordPress-Backup-Plugin-Optionen, die Ihnen bei Bedarf helfen. Abgesehen von Plugin-Backups bietet Ihr Hosting-Provider möglicherweise eine Art Service für Backups an. Besuchen Sie die Wissensdatenbank Ihres Hosts, um zu sehen, was sie an Backups anbieten.
3. Bestimmen Sie die richtige Methode. – Sobald Ihre Entwicklungsseite funktioniert und Ihre Seiten gesichert sind, können Sie entscheiden, welche Option für die Live-Übertragung der Entwicklungsseite für Sie am besten geeignet ist. Wir werden unten drei Methoden im Detail behandeln.

So pushen Sie die Dev-Site live

Es gibt drei Möglichkeiten, wie wir eine WordPress-Entwicklungs-/Staging-Site auf eine Live-Website übertragen können. Die Optionen, aus denen Sie wählen können, sind:

• Verwenden Sie ein WordPress-Migrations-Plugin
• Pushen Sie Ihre Dev-Site manuell
• und Verwenden Sie die Migrationstools eines Hosting-Providers

Alle wichtigen Staging-/Migrations-Plugins auf dem Markt verwenden ein Freemium-Preismodell, bei dem einige Optionen nicht nutzbar sind, es sei denn, Sie bezahlen dafür. Es lohnt sich, sich anzusehen, was in den kostenlosen Versionen der wichtigsten Migrations- und Staging-Plugins angeboten wird, um zu sehen, ob sie Ihren Anforderungen entsprechen. In diesem Artikel verwenden wir das Plugin WP Migrate Lite von Delicious Brains. Die Pro-Version macht diesen Prozess viel einfacher und pusht mehr als nur die Datenbank der Dev-Site ( die Lite-Version pusht keine Plugin-, Medien- oder Designdateien auf die Live-Site ).

Die manuelle Methode ist für diejenigen, die mit phpMyAdmin und cPanel vertraut sind. Dieser Ansatz ist sehr praktisch und besteht aus vielen Schritten. Es ist Ihre Zeit sehr wert, wenn Sie versuchen, mehr darüber zu erfahren, wie WordPress im Backend funktioniert. Aber es wird eine Weile dauern, bis Sie fertig sind.

Wir haben festgestellt, dass Hosting-Anbieter, die Staging-Tools in ihre Plattform integriert haben, die einfachste Option bieten, um eine Dev-Site auf eine Live-Site zu pushen. Wir werden behandeln, wie die Staging-Tools von Siteground dies zum Kinderspiel machen.

Push Dev Site to Live mit WP Migrate (Plugin – Kostenlose Version)

Um eine Staging-Site mit einem Plugin auf Ihre Live-Website zu pushen, verwenden wir WP Migrate. Es ist eines der besten Migrations-Plugins da draußen, das eine kostenlose Version hat. Außerdem macht die Pro-Version den Prozess noch einfacher.

*Hinweis: Die meisten Staging-/Migrations-Plugins bieten eine kostenlose Version an, können aber mit einer kostenpflichtigen Version mehr erreichen

Navigieren Sie nach dem Herunterladen und Aktivieren von WP Migrate sowohl auf Ihrer WordPress-Entwicklungsseite als auch auf Ihrer Live-Seite zu Ihrer Entwicklungsseite (lassen Sie beide in separaten Registerkarten geöffnet). Klicken Sie in Tools auf DB migrieren .

Klicken Sie oben auf Migrieren und dann unter „Andere Website durch diese Website ersetzen“ auf Datenbank exportieren .

Dann gelangen wir zu einem Bildschirm, auf dem wir Zeichenfolgen in unserer Datenbank ersetzen, um sie mit den Zeichenfolgen auf unserer Live-Site abzugleichen. Dadurch wird sichergestellt, dass beim Importieren der migrierten/gepushten Informationen von der Dev-Site auf die Live-Site die Site nicht heruntergefahren wird.

Beachten Sie auf der rechten Seite die beiden Textfelder Ersetzen , die ausgefüllt werden müssen.

Als nächstes gehen wir zum offenen Tab mit unserer Live-Site . Wir gehen zum selben Ort im selben Plugin. Wir referenzieren und kopieren, was die Live-Site in der Suchspalte enthält. Diese werden wieder auf der Dev Site eingefügt.

Sobald wir die Elemente von der Live-Site auf die Dev-Site eingefügt haben (verweisen Sie auf die vorherigen 2 Bilder, wenn Sie umgedreht werden), sind wir bereit, die Datenbank auf der Dev-Site zu exportieren. Dadurch wird eine exportierte Datei der Datenbank der Dev-Site heruntergeladen (Design-, Plug-in- und Mediendateien sind darin nicht enthalten und benötigen die Pro-Version von WP Migrate, um problemlos zwischen Ihren Sites hin- und herzuschieben).

Sie sollten eine Eingabeaufforderung „ Export abgeschlossen “ sehen.

Jetzt, da wir die exportierte .sql-Datei haben, müssen wir etwas damit machen. Sie navigieren zum C-Panel Ihrer Live-Site und klicken im Abschnitt „Datenbanken“ auf phpMyAdmin .

Jetzt, da wir die exportierte .sql-Datei haben, müssen wir etwas damit machen. Sie navigieren zum C-Panel Ihrer Live-Site und klicken im Abschnitt „Datenbanken“ auf phpMyAdmin .

Klicken Sie oben in der Mitte auf Importieren . Auf der Seite, die geladen wird, suchen Sie nach der Datei, die auf Ihren Computer heruntergeladen wurde, und starten dann den Import, indem Sie unten links auf der Seite auf Los klicken. Dadurch werden die Datenbanken von der Dev-Site auf Ihre Live-Site importiert.

Sobald dies geschehen ist, überprüfen Sie Ihre Live-Site, um sicherzustellen, dass sie betriebsbereit ist und dass die Änderungen, die Sie auf der Dev-Site vorgenommen haben, auf der Live-Site widergespiegelt werden.

Pushen Sie die Dev-Site manuell auf Live

Es ist durchaus möglich, eine Entwicklungs-Site manuell auf Ihre Live-Site zu pushen. Dies ist nichts für schwache Nerven, aber wirklich gutes Wissen für diejenigen, die versuchen, sich mit WordPress-Datenbanken und dem cPanel vertraut zu machen. Diese Schritte funktionieren mit jedem Hosting-Anbieter, der cPanel noch verwendet.

Laden Sie die erforderlichen Dateien von der Dev-Site herunter

Als erstes navigieren wir zu Ihrem cPanel auf Ihrer Entwicklungsseite. Von dort aus finden wir File Manager und öffnen das Document Root-Verzeichnis für Ihre Dev Site und klicken dann auf Go .

Von dort aus wollen wir auf wp-content klicken und diesen Ordner komprimieren .

Dadurch wird eine neue komprimierte wp -content.zip-Datei erstellt. Klicken Sie auf die neue ZIP-Datei und wählen Sie Herunterladen aus.

Als nächstes wollen wir die wp-config.php-Datei der Entwicklerseite finden und sie ebenfalls auf Ihren Computer herunterladen .

Exportieren Sie die Datenbank von der Dev-Site

Als nächstes gehen Sie zurück zu Ihrem cPanel; Klicken Sie unter Datenbanken auf phpMyAdmin .

Klicken Sie in der linken Seitenleiste auf die Datenbank , die der Datenbank für Ihre WordPress-Entwicklungsseite entspricht. Klicken Sie auf Alle markieren und dann über das Dropdown-Menü auf Exportieren.

Stellen Sie auf dem nächsten Bildschirm einfach sicher, dass die Exportmethode auf schnell eingestellt ist und das Format SQL ist . Klicken Sie dann auf Los .

Was wir getan haben, ist, die kritischen Dateien Ihrer Entwicklungsseite herunterzuladen, die wir auf Ihre Live-Seite hochladen und konfigurieren werden. Dadurch erhält die Live-Site die Konfiguration, die Sie während des Testens und Erstellens auf Ihrer Dev-Site eingerichtet haben.

Importieren Sie die Datenbank auf die Live-Site

Gehen Sie jetzt zum cPanel der Live-Website (NICHT zur Dev-Site). Klicken Sie auf phpMyAdmin .

Wählen Sie in der linken Seitenleiste die Datenbank für Ihre Live-Site aus . Überprüfen Sie dann alle Zeilen in der Tabelle. Wählen Sie im Dropdown-Menü „Drop“ aus . Dadurch werden die Tabellen von Ihrer Live-Site gelöscht, damit wir sie durch die zuvor heruntergeladene Datenbank ersetzen können.

Bestätigen Sie Ihre Entscheidung, die Tabelle zu löschen, indem Sie auf Ja klicken .

Wählen Sie als Nächstes schnell Import aus dem Menü oben und klicken Sie auf Choose File .

Folgen Sie als Nächstes der Aufforderung zum Hochladen einer Datei. Wählen Sie die zuvor heruntergeladene .sql-Datei aus und klicken Sie auf Öffnen .

Um das Hochladen der Datenbank abzuschließen, klicken Sie auf Los .

In dieser neu hochgeladenen Datenbank müssen Sie das Präfix der Dateien in der linken Seitenleiste beachten. Wir werden dies in einem zukünftigen Schritt benötigen.

Aktualisieren Sie die Datenbank mit der URL der Live-Site

Wählen Sie in derselben Datenbank die Tabelle _options in der linken Seitenleiste aus. Wählen Sie unter der Liste der verfügbaren Optionen Bearbeiten für die Option mit siteurl in der Spalte option_name aus. *Notieren Sie sich auch das Datenbankpräfix für später.

Auf der Registerkarte „Einfügen“ in den Site-URL-Optionen der Datenbanktabelle möchten wir den „option_value“ der Site-URL aktualisieren. Ersetzen Sie dazu die vorhandene Entwickler-Site-URL durch die URL der Live-Site im Wertefeld auf der rechten Seite. Scrollen Sie dann nach unten und klicken Sie auf Los/Fertig .

Wenn Sie fertig sind, kehren Sie zu derselben Optionsliste für die Tabelle _options zurück. Wählen Sie unter der Liste der verfügbaren Optionen Bearbeiten für die Option mit home in der Spalte option_name aus . Wiederholen Sie dann denselben Vorgang wie zuvor (für die siteurl ) und ersetzen Sie die URL der Entwicklerseite von home option_value durch die URL der Liveseite.

Aktualisieren Sie Site-Dateien (wp-content) auf der Live-Site

An diesem Punkt sind wir mit dem Hochladen und Konfigurieren unserer Datenbank fertig! Aber wir sind noch nicht aus dem Gröbsten heraus. Wir müssen noch einige Dateien der Live-Site von der Dev-Site ersetzen.

Gehen Sie dazu zurück zum cPanel der Live-Site, klicken Sie auf File Manager, wählen Sie die Live-Site aus und klicken Sie auf Los .

Klicke auf den Ordner wp-content und lösche ihn dann.

Klicken Sie anschließend im oberen Menü des Dateimanagers auf Hochladen .

Klicken Sie auf Datei auswählen . Wählen Sie dann die Datei wp-content.zip aus und klicken Sie auf Öffnen .

Warten Sie, bis es hochgeladen ist. Wenn der Upload abgeschlossen ist, Sie aber nicht zurück zur Dateistruktur gelangen, klicken Sie auf den Link Zurück zu… .

Finde und klicke auf die wp-content.zip-Datei, die du gerade hochgeladen hast, und wähle aus dem Dropdown-Menü extrahieren .

Klicken Sie im Popup-Fenster Extrahieren auf Dateien extrahieren . Sobald die Extraktion abgeschlossen ist, kannst du die komprimierte wp-content.zip-Datei löschen, da es verwirrend werden kann, wenn du dies oft machst.

Aktualisiere die Datei wp-config.php für die Live-Site

Sobald der Ordner wp-content vorhanden ist, wähle die Datei wp-config.php aus und klicke auf edit .

Durchsuchen Sie das Dokument nach table_prefix und ersetzen Sie table_prefix durch das Präfix der zuvor erwähnten Datenbanktabellen der Dev-Site. Scrollen Sie dann einfach nach unten und klicken Sie auf Speichern .

Das ist es! Sehen Sie sich die Live-Site an, um die Änderungen zu sehen, die wir von der WordPress-Entwickler-Site übernommen haben.

Wenn Ihnen das ein Schritt zu viel war, bieten viele moderne Hosting-Unternehmen, die WordPress-Hosting priorisieren, robuste (und benutzerfreundliche) Staging-/Migrationstools an.

Als Nächstes zeigen wir Ihnen, wie Siteground es einfach macht, eine Dev-Site auf eine Live-Site zu pushen.

Pushen Sie die Dev-Site mit Siteground-Staging-Tools auf eine Live-Site

Hosting-Anbieter, die sich auf WordPress-Installationen spezialisiert haben, werden immer besser darin, Tools zum Pushen von Entwicklungs-/Staging-Sites auf eine Live-Website zu erstellen. Eines dieser Hosting-Unternehmen ist Siteground, das zufällig einer unserer Divi-Hosting-Partner ist. Um eine Dev-Site mit Siteground live zu schalten, müssen Sie Ihre Staging-Site mit den Site-Tools von Siteground erstellt haben.

Sobald Ihre Website auf Siteground eingerichtet ist und ausgeführt wird, melden Sie sich bei Ihrem Siteground-Konto an. Klicken Sie dann oben auf die Registerkarte Websites . Wählen Sie auch den Unterreiter Websites . Wählen Sie von dort aus die gewünschte Website aus, die durch jedes einzelne Kästchen auf der Seite dargestellt wird. Klicken Sie auf die Schaltfläche Website-Tools dieser Website .

Navigieren Sie im linken Seitenleistenmenü zu WordPress > Staging . Wählen Sie von dort aus die genaue Live-Site aus, an die wir in der Select WordPress Installation denken, die normalerweise eine Liste von Subdomains für die jeweilige TLD ist.

Suchen Sie im Abschnitt „Staging-Kopien verwalten“ weiter unten nach der Staging-Kopie, die Sie bereitstellen möchten, und klicken Sie auf das Drei-Punkte-Symbol (⋮), um die Optionen für die Staging-Kopie zu erweitern. Wählen Sie Vollständige Bereitstellung aus der Liste aus, um die gesamte Staging-Site bereitzustellen. Sie können auch Benutzerdefinierte Bereitstellung auswählen, wenn Sie nur einen Teil der Staging-Site hatten, den Sie bereitstellen wollten.

Klicken Sie schließlich im Popup-Fenster Bereitstellungsbestätigung auf Bestätigen .

Danach sind wir alle fertig! In der oberen rechten Ecke sollte eine Erfolgsmeldung angezeigt werden.

Wenn Sie den Erfolgsdialog nicht sehen, können Sie sich zur Fehlerbehebung an den Siteground-Support wenden.

Was zu tun ist, nachdem die Dev-Site live gepusht wurde

Alle drei unserer Methoden zum Pushen einer WordPress-Entwicklungsseite auf eine Live-Seite sind hervorragende Optionen. Aber bei jedem besteht das Risiko, dass Ihre Website vorübergehend beschädigt wird. Die Schritte in diesem Artikel haben Sie zwar hoffentlich zum gewünschten Ergebnis geführt, aber hier ist etwas, worauf Sie achten sollten, wenn Sie Ihren Staging-Site-Push abgeschlossen haben.

Sobald Sie die von Ihnen gewählten Schritte abgeschlossen haben, öffnen Sie die Live-Site und sehen Sie sich ihre Seiten an. Stellen Sie sicher, dass alles geladen wird und wie Sie es erwartet haben. Gehen Sie dann zu Ihrem Admin-Dashboard und melden Sie sich an. Beim Anmelden sollten keine Fehler auftreten.

Wenn es scheinbar Datenbankprobleme gibt, müssen Sie das schnell herausfinden. In unserem Artikel So beheben Sie einen Datenbankverbindungsfehler finden Sie einige allgemeine Bereiche, die Sie überprüfen sollten. Wenn es hart auf hart kommt, können Sie zu dem Backup zurückkehren, das Sie vor dem Start erstellt haben, und die Schritte erneut versuchen.

• Überprüfen Sie die www- und nicht-www-Versionen der Website sowie HTTPS und HTTP. (Gehen die Weiterleitungen wie erwartet?)
• Überprüfen Sie die Hauptnavigationslinks sowie dynamische Seiten wie Kategorien, Beiträge und benutzerdefinierte Beitragstypen. (Sind Ihre letzten Änderungen von der Dev-Site auf Ihrer Live-Site?)
• Stellen Sie sicher, dass Bilder auf neu aktualisierten Seiten richtig gerendert werden.
• Überwachen Sie 404 defekte Links täglich für ein paar Tage danach.

Welche Methode sollten Sie verwenden?

Jede der drei in diesem Artikel behandelten Methoden wird die Arbeit erledigen. Abhängig von Ihrer Website oder Ihrem Hosting-Provider sind jedoch einige Optionen besser geeignet als andere. Hier sind ein paar Vorschläge:

• Wenn Ihr Hosting-Provider über Staging-Tools verfügt, lohnt es sich, sich mit deren Verwendung vertraut zu machen. Diese Tools machen die Arbeit so einfach wie möglich.
• Migrations-/Staging-Plugins sind der nächstbeste Weg. Die Pro-Versionen kosten etwas Geld, aber sie werden jedes Mal den Trick für Sie erledigen.
• Eine Dev-Site manuell auf eine Live-Site zu verschieben, ist möglicherweise definitiv nicht der beste Weg für Anfänger, da dies mehr Zeit und technisches Wissen erfordert und dazu führen kann, dass Sie Ihre Site beschädigen. Wenn Sie jedoch wissen, was Sie tun, gibt Ihnen diese Methode mehr Kontrolle über den Prozess, der von einigen Entwicklern bevorzugt wird.

Fazit

Zu wissen, wie man eine Staging-Site auf Ihre Live-Site migriert, ist eine leistungsstarke Fähigkeit, die man haben sollte. Es ermöglicht Ihnen mehr Freiheit beim Experimentieren auf Ihren Websites, ohne sich Sorgen machen zu müssen, dass die Live-Website, auf der sich Ihre Besucher gerade befinden, zum Absturz gebracht wird. Unabhängig davon, ob Sie Ihre eigenen Websites oder die von Kunden verwalten, macht Sie das Wissen, wie Sie Updates per Push übertragen, zu einem viel zuverlässigeren Webmaster.

Vorgestelltes Bild über Aleksandr_a / Shutterstock