Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Hosting

Migration einer WordPress-Site von einem lokalen Server zur Produktion

by
Difficulty:BeginnerLength:LongLanguages:

German (Deutsch) translation by Tatsiana Bochkareva (you can also view the original English article)

Integraler Bestandteil des Arsenals eines jeden WordPress-Entwicklers ist der lokale Server. In diesem Tutorial möchte ich Sie von der Installation eines lokalen Servers bis zum Thema, dem Exportieren von Datenbanken und darüber hinaus begleiten.


Was wir tun werden

In diesem Lernprogramm werde ich Sie durch den gesamten Prozess der Installation eines lokalen Servers auf Ihrem Computer, der Erstellung einer Mock-Site und der Bereitstellung dieser Site in der Produktion führen. Am Ende dieses Tutorials sollten Sie verstehen, wie Sie:

  • Installieren Sie einen lokalen Server und konfigurieren Sie WordPress lokal
  • Importieren Sie Inhalte in Ihre lokale Datenbank
  • Erstellen und bearbeiten Sie eine Site oder ein Plugin lokal
  • Installieren und konfigurieren Sie WordPress auf Ihrem Produktionsserver
  • Importieren Sie Datenbankinhalte in Ihre Produktionssite
  • Übertragen Sie den Ordner wp-content, der Plugins, Designs und andere Elemente enthält
  • Lehnen Sie sich zurück und genießen Sie Kunden, die Sie wegen minimaler Ausfallzeiten lieben!

Und für mich ist dieser letzte Punkt wirklich das, worum es geht. Ich verstehe, dass es einige Einschränkungen bei lokalen Servern gibt und manchmal ein Wartungsmodus erforderlich ist. Durch die Verwendung eines lokalen Servers können Sie jedoch fast alle Ausfallzeiten an einem normalen Standort effektiv vermeiden. Lassen Sie uns ohne weiteres eintauchen!


Schritt 1. Installieren und konfigurieren Sie einen lokalen Server

Ich persönlich benutze MAMP (ich bin ein Mac-Typ) und es steht hier zum Download zur Verfügung. Für Windows-Benutzer würde ich XAMMP empfehlen, das hier verfügbar ist. Es gibt auch eine XAMMP-Version für Mac-Benutzer.

Klicken Sie auf den Link oben, um die Anwendung herunterzuladen. Ziehen Sie nach dem Herunterladen das Anwendungssymbol in Ihren Anwendungsordner (für Mac-Benutzer) oder verwenden Sie das XAMMP-Installationsprogramm für Windows-Benutzer.

Nach der Installation finden Sie MAMP in /Applications/MAMP. XAMMP befindet sich unter Start -> Programme -> XAMMP. Das wars für die Installation! Wenn Sie MAMP geöffnet haben, sehen Sie sich die Einstellungen an, indem Sie auf die Schaltfläche "Einstellungen" klicken. Ihre Ports sollten auf dem Mac folgendermaßen eingerichtet sein:

Starten Sie den lokalen Server zum ersten Mal

Nachdem der lokale Server installiert ist, müssen wir die Apache- und MySQL-Server starten. XAMMP wird auch mit Filezilla und Mercury als optionalen Diensten geliefert.

Um die Server für MAMP zu starten, gehen Sie zu: /Applications/MAMP und klicken Sie auf das MAMP-Symbol. Das Bedienfeld sieht folgendermaßen aus:

In den obigen Bildern sehen wir, dass die grünen Lichter bedeuten, dass unsere Server aktiv sind. Bei meinem älteren MacBook war das nicht immer der Fall (darauf werde ich später noch eingehen). Grün heißt vorerst los! Sie können die Startseite von MAMP öffnen, indem Sie auf die Schaltfläche "Startseite öffnen" klicken. Dadurch gelangen Sie zu Ihrer phpinfo, Ihrem phpMyAdmin-Zugriff und anderen wichtigen Konfigurationseinstellungen, die wir später verwenden werden.

Für XAMMP sieht das Kontrollfeld, auf das unter \xampp\xampp-control.exe zugegriffen wird, folgendermaßen aus:

Auch dies ist unkompliziert. Klicken Sie auf "Start", um die Apache- und mySQL-Server zu starten. Auf den Administrationsbereich kann zugegriffen werden, indem Sie http://127.0.0.1 oder http://localhost in Ihren Browser eingeben.

Herzlichen Glückwunsch zur Installation Ihres lokalen Servers!


Schritt 2. Installieren und Konfigurieren von WordPress auf Ihrem lokalen Server

Laden Sie zunächst die neueste Version von WordPress hier herunter. Danach können Sie die berühmte 5-minütige WordPress-Installation durchführen, die auch hier beschrieben wird.

  1. Erstellen Sie im phpMyAdmin Ihres lokalen Servers eine neue Datenbank mit dem Namen "wordpress". Sie können dies auf der allerersten Seite hinzufügen, die angezeigt wird, wenn Sie auf den Link phpMyAdmin klicken.
  2. Entpacken Sie den WordPress-Ordner und kopieren Sie ihn in applications/MAMP/htdocs für MAMP und programs/XAMMP/htdocs für XAMMP-Benutzer. Die neue URL für MAMP lautet http://localhost:8888/wordpress/. Wenn Sie an einer Site arbeiten, die später als "Blog" bezeichnet wird, ist jetzt ein guter Zeitpunkt, um den Ordner umzubenennen. Die URL ändert sich entsprechend.

    Da ich auch Websites ohne Wordpress entwickle, habe ich den gesamten Ordner kopiert, anstatt den Inhalt herauszunehmen. Durch das Belassen von Stammelementen in einem eigenen Ordner kann ich auch Drupal-, Joomla- und Magento-Themen testen.

  3. Duplizieren Sie im WordPress-Ordner die Datei wp-config-sample.php und benennen Sie sie in wp-config.php um.
  4. Öffnen Sie wp-config.php in einem Editor und beginnen Sie ab Zeile 17 mit der Konfiguration auf der Startseite Ihres lokalen Servers:

    Offensichtlich haben wir unsere Datenbank in Schritt 1 "wordpress" genannt, also geht das dahin. Für MAMP-Benutzer können sowohl der Benutzername als auch das Kennwort auf "root" gesetzt werden, da dies der Standard-Administratorbenutzer ist. Standardmäßig hat der Benutzer "root" unter XAMMP kein Passwort.
    Sie können der WordPress-Datenbank in phpMyAdmin weitere Benutzer hinzufügen, wenn Sie möchten. Der Hostname sollte als "localhost" bleiben.

  5. Da wp-config.php noch geöffnet ist, möchten wir auch unsere eindeutigen Authentifizierungsschlüssel abrufen. Besuchen Sie dazu https://api.wordpress.org/secret-key/1.1/salt/ und verwenden Sie den angezeigten Code, um die Zeilen 45-52 zu ersetzen:
  6. Speichern und schließen Sie die Datei wp-config.php.
  7. Beginnen Sie den Installationsprozess unter wp-admin/install.php. Wenn Ihre Site-URL in MAMP http://localhost:8888/wordpress lautet, geben Sie http://localhost:8888/wordpress/wp-admin/install.php ein.
  8. Wenn Ihre Einstellungen für wp-config.php korrekt sind, werden Sie aufgefordert, den Blognamen, Ihre E-Mail-Adresse und den Benutzernamen einzugeben.

Wenn ein Fehler auftritt, machen Sie sich keine Sorgen! Das Problem liegt in Ihrer Datei wp-config.php. Gehen Sie dorthin und finden Sie heraus, welche Einstellung oben falsch ist.

Jetzt sollte WordPress auf Ihrem lokalen Server aktiv und bereit sein. Sie können auf das Admin-Dashboard von MAMP unter http://localhost:8888/wordpress/wp-login.php zugreifen. Wenn Sie den Ordnernamen geändert haben, ändern Sie "wordpress" in den neuen Namen. XAMMP-Benutzer können auf Folgendes verzichten: 8888 oder 127.0.0.1/wordpress/wp-login.php eingeben.


Schritt 3. Erstellen und bearbeiten Sie Ihre Site

Beginnend mit Themes und Plugins

Ihre Standard-WordPress-Installation wird mit einem Standardthema namens Twenty Ten geliefert. Um weitere Themen hinzuzufügen, können Sie diese direkt in den Ordner wp-content/themes kopieren oder über das WordPress-Dashboard unter "Darstellung -> Themen" installieren. Themen können lokal über "Darstellung -> Editor" oder einen Texteditor bearbeitet werden.

Auf die gleiche Weise können Plugins auch installiert werden. Kopieren Sie sie entweder in wp-content/plugins oder suchen Sie neue Plugins über das WordPress-Dashboard unter "Plugins -> Add New". Plugins können auch lokal über "Plugins -> Editor" oder einen Texteditor bearbeitet werden.

Ein lokaler Server ist auch eine gute Möglichkeit, neue Plugins zu testen und herauszufinden, welche für Ihre Websites funktionieren. Jeder WordPress-Entwickler sollte eine Werkzeugtasche voller Plugins zur Verfügung haben, mit denen er arbeiten kann.

Inhalte importieren

Was ist nun mit dem Inhalt, nachdem wir unser Thema und unsere Plugins haben? Klicken Sie hier, um eine XML-Datei mit WordPress-Post-Inhalten herunterzuladen, die Ihnen den Einstieg erleichtern soll.

So importieren Sie diesen XML-Inhalt in Ihren lokalen Server:

  1. Gehen Sie zu "Extras -> Importieren"
  2. Klicken Sie in der Liste der angezeigten Optionen auf "Wordpress", da Sie WordPress-Inhalte hochladen. Dies gilt auch, wenn Sie Daten von dieser Site in Ihre Produktionssite importieren.
  3. Wenn Sie zum ersten Mal Inhalte importieren, werden Sie aufgefordert, den WordPress-Importer zu installieren. Klicken Sie auf "Jetzt installieren". Dadurch wird tatsächlich ein neues Plugin in unserem Ordner "wp-content/plugins" mit dem Namen "wordpress-importer" installiert.
  4. Klicken Sie nach der Installation auf den Link, um den Importer zu aktivieren und auszuführen.
  5. Navigieren Sie zur Datei posts.xml (oder einer anderen exportierten WordPress-Datenbankdatei) und laden Sie sie hoch.
  6. Ordnen Sie die neuen Beiträge im nächsten Bildschirm einem Autor (normalerweise dem Administrator) zu und klicken Sie auf "Dateianhänge herunterladen und importieren". Ich finde das hilfreich, wenn ich neue Daten importiere.

Wenn Sie jetzt das Admin-Dashboard besuchen, werden Sie feststellen, dass Sie jetzt Beiträge, Kategorien, Kommentare, Seiten und Benutzer zum Testen und Entwickeln von Themen und Plugins verwenden können.

Durch das Importieren von Daten werden vorhandene Daten nicht überschrieben, sondern nur das hinzugefügt, was vorhanden ist. Machen Sie sich also beim Importieren keine Sorgen.

Diese hübschen Permalinks bekommen

Das hat mich sehr frustriert, als ich anfing zu arbeiten, aber die Lösung ist einfach.

Öffnen Sie zunächst Ihre httpd.conf-Datei in /Applications/MAMP/conf/apache/. Die Zeilen 378-381 sehen folgendermaßen aus:

Ersetzen Sie diesen Code durch:

Ihre hübschen Permalinks sollten alle gut zu gehen sein, was auch dazu beitragen sollte, Ihre Produktion zu beschleunigen.


Schritt 4. Bereiten Sie den Produktionsserver vor

Nachdem Sie WordPress auf Ihrem lokalen Server installiert und konfiguriert haben, können Sie dieselben Prinzipien anwenden, um WordPress auf Ihrem Produktionsserver zu installieren.

Das Schöne ist, dass Sie, da Sie nur einige wp-config.php-Datenbankeinstellungen ändern müssen, einfach Folgendes tun können, um WordPress in einer Produktionsumgebung zum Laufen zu bringen:

  1. Melden Sie sich in der Systemsteuerung unseres Servers an, navigieren Sie zu phpMyAdmin und erstellen Sie die Datenbank mit dem Namen "wordpress".
  2. Achten Sie bei der Anmeldung bei phpMyadmin darauf, Benutzername, Kennwort und Datenbankhostadresse zu notieren, da diese Werte in wp-config.php bearbeitet werden müssen.
  3. Bearbeiten Sie die Datei wp-config.php entsprechend den neuen Servereinstellungen.
  4. Laden Sie den gesamten WordPress-Ordner per FTP auf Ihren Produktionsserver hoch. Auch dies kann einen anderen Namen haben, wenn Sie möchten, dass es sich in einem Unterordner befindet (z. B. http://mysite.com/blog/ - wobei "blog" Ihre WP-Installation ist). Wenn Sie WordPress im Stammverzeichnis Ihrer Site installieren möchten, verschieben Sie den Ordner in den Stammordner Ihrer Site und verschieben Sie den Inhalt in Ihren Stammordner, wobei der ursprüngliche WordPress-Ordner leer bleibt. Sie können diesen Ordner dann löschen. Dadurch wird auch sichergestellt, dass Sie alle Plugins und Themes verschieben, mit denen Sie getestet haben. Sie können unerwünschte Plugins und Themes in Ihrer Produktionsumgebung löschen, indem Sie sie aus dem Ordner wp-content entfernen oder im WordPress-Dashboard deaktivieren.
  5. Schließen Sie die berühmte 5-minütige Installation wie zuvor beschrieben ab. Denken Sie daran, dass ein Fehler fast immer auf einen Fehler in den Einstellungen von wp-config.php zurückzuführen ist. WordPress wird Ihnen dies sogar auf seiner Fehlerseite mitteilen.

Jetzt ist WordPress in der Produktion aktiv, aber es fehlen Inhalte. Wir müssen unsere lokalen Serverinhalte, die wir perfektioniert haben, auf unsere Live-Site übertragen.


Schritt 5. Übertragen Ihrer Datenbankinhalte und -dateien

Exportieren des lokalen Serverinhalts

Um unseren lokalen Serverinhalt zu exportieren, müssen wir uns in unserem lokalen WordPress-Dashboard anmelden, erneut http://localhost:8888/wordpress/wp-login.php für MAMP-Benutzer und http://localhost/wordpress/wp-login.php für XAMMP-Benutzer.

Scrollen Sie anschließend nach unten zu "Extras -> Exportieren".

Da dies der erste Export ist, wählen Sie "All Content" und klicken Sie auf "Download Now". Wie WordPress feststellt, "enthält dies alle Ihre Beiträge, Seiten, Kommentare, benutzerdefinierten Felder, Begriffe, Navigationsmenüs und benutzerdefinierten Beiträge."

Sofort (abhängig von der Größe der Datenbank) haben Sie eine XML-Datei mit der Namensstruktur sitename.wordpress.year-month-day.xml. Dies ist die Datei, die wir genauso importieren wie mit posts.xml auf unserem lokalen Server.

Inhalte in die Produktion importieren

Da wir gerade gelernt haben, wie neue Daten auf unseren lokalen Server importiert werden, verwenden Sie dieselben Prinzipien, um Ihre Inhalte von Ihrem lokalen Server auf Ihrem Produktionsserver zu installieren

Direktes Exportieren und Importieren in phpMyAdmin

Ich möchte auch darauf hinweisen, dass Sie auch direkt in phpMyAdmin importieren und exportieren können. Um unsere lokalen Serverdaten zu exportieren, würden wir:

  1. Öffnen Sie phpMyAdmin auf der MAMP- oder XAMMP-Startseite.
  2. Klicken Sie auf unsere Datenbank mit dem Namen "wordpress" oder wie auch immer Sie die WordPress-Datenbank genannt haben.
  3. Klicken Sie auf die Registerkarte "Export" und wählen Sie einen XML-Export aus.
  4. Stellen Sie sicher, dass das Kontrollkästchen für "Save as file" aktiviert ist. Da der Inhalt meiner Website klein war, habe ich mich entschieden, ihn nicht zu komprimieren, aber ich würde ihn für größere Datenbanken wärmstens empfehlen.

Dadurch wird eine Datenbanksicherungs-XML-Datei direkt auf Ihrer Festplatte gespeichert. Jetzt können Sie es über WordPress oder phpMyAdmin Ihres Produktionsservers importieren.

Wiederholen Sie die Schritte 1 und 2 von oben, um unsere neu erstellte XML-Datei (meine als wordpress.xml gespeichert) zu importieren. Klicken Sie jedoch in Schritt 3 auf "Import". Dieser Bildschirm sieht folgendermaßen aus:

Navigieren Sie zu Ihrer gespeicherten XML-Datei und klicken Sie auf das Optionsfeld für XML unter "Format of imported file".

Und das ist alles Leute! Sie haben jetzt eine voll funktionsfähige Site, die Sie auf einem lokalen Server erstellt und konfiguriert, aber exportiert und in der Produktion bereitgestellt haben.


Tipps und Tricks zur lokalen Umgebung

Zusätzlich zum obigen Tutorial wollte ich einige Dinge, die ich während meiner Arbeit in meiner lokalen Umgebung mache, wegwerfen, die sich bei der Umstellung auf die Produktion als hilfreich erwiesen haben:

Sichern Sie Ihre Site, bevor sie live geschaltet wird

Dieses letzte Jahr war das erste Mal, dass ich eine Seite gehackt habe. Ich weiß, dass dies für manche ein alter Hut sein mag, aber es gibt nichts Schöneres, als einen Anruf von einem Kunden zu erhalten, um ihn zu melden. Die gute Nachricht war, dass es einfach zu pflegen und zu sichern war, aber durch diese Erfahrung habe ich gelernt, dass Sie nichts falsch machen können, wenn Sie Ihre Website frühzeitig sichern.

Eine der einfachsten Möglichkeiten, Ihrer Site eine Sicherheitsebene hinzuzufügen, besteht darin, eine leere index.php-Datei zu erstellen und in Ihrem Ordner wp-content, wp-content/plugins, wp-content/theme zu platzieren. Dies ist eine schnelle Lösung, die zu Beginn des Entwicklungsprozesses durchgeführt werden kann, um eine zusätzliche Sicherheitsebene für Ihre Website zu schaffen, indem die Indizierung Ihrer Inhalte verhindert wird.

In dieser index.php-Datei würde ich nur den folgenden Code hinzufügen:

Nutzen Sie Ausfallzeiten, um neue Dinge zu lernen

Mein lokaler Server hat sich beim Lernen der Vor- und Nachteile von WordPress-Plugins und -Themen als von unschätzbarem Wert erwiesen. Da ich das Internet nicht mehr benötige, kann ich die gewünschten Themen und Plugins herunterladen und mir jederzeit die Möglichkeit geben, die Dateien und Funktionen zu überprüfen.

Das mag sich nach gesundem Menschenverstand anhören, aber mein lokaler Server zu haben und ihn regelmäßig zu verwenden, hat meine Entwicklung wirklich geprägt, indem ich praktisch aus der Arbeit anderer in ihrem Code lernen konnte. Und das Tolle ist, wenn ich etwas noch nicht verstanden habe, kann ich später darauf zurückkommen, weil es nicht live ist und niemanden betrifft.

Verstehen Sie die Einschränkungen eines lokalen Servers

Nach all den positiven Dingen sind hier einige Punkte aufgeführt, die bei der Arbeit mit einem lokalen Server beachtet werden sollten - hauptsächlich aufgrund meiner Erfahrungen mit MAMP:

  • Seien Sie vorbereitet, wenn die lokalen Server nicht gestartet werden. Insbesondere bei meinem MacBook und MAMP gab es eine Zeit, in der MAMP jedes Mal einfrierte, wenn ich auf einer Website anfing. Ich würde die ersten 15 Minuten eines Projekts verbringen, auf das ich mich freute, es herauszufinden. Irgendwie hat die Aufregung ein wenig getötet! Um dies zu beheben, versuchen Sie "Force Quitting" MAMP. Wenn dies nicht funktioniert, können OSX 10.5- und 10.6-Benutzer normalerweise den Aktivitätsmonitor (unter Anwendungen/Dienstprogramme) öffnen, "My Processes" auswählen und nach mehreren Instanzen von "mysqld" suchen. Wenn mehrere ausgeführt werden, löschen Sie alle bis auf einen. Das sollte die Dinge wieder normalisieren.
  • Bei MAMP sind die grünen Lichter, die anzeigen, dass die Server eingeschaltet sind, nicht immer zuverlässig. Um dies zu testen, klicken Sie einfach auf die "Start Page". Wenn diese angezeigt wird, können Sie loslegen.
  • Einige Formularaktionen und erweiterte Funktionen funktionieren möglicherweise nicht ordnungsgemäß. Ich habe dies mit einem von mir entwickelten Amazon S3-Plugin erlebt. Für diese Dinge richte ich häufig eine benutzerdefinierte WordPress-Seitenvorlage oder einen Plugin-Ordner ein, installiere sie über FTP auf meiner Site und teste sie auf einer privaten Seite. Sie können sogar ein Unterverzeichnis installieren, um weitere Tests durchzuführen, oder Multipress verwenden.

Abschluss

Vielen Dank, dass Sie den Prozess der Installation eines lokalen Servers, der Konfiguration einer WordPress-Site darauf und der anschließenden Migration dieser Site in eine Produktionsumgebung durchlaufen haben.

Ich möchte jeden von Ihnen, der mehr Erfahrung als ich hat, ermutigen, unten weitere lokale Setups, weitere Ideen zur Optimierung des Migrationsprozesses sowie weitere Tipps und Tricks für die lokale Arbeit zu veröffentlichen. Ich bin schließlich nur eine Stimme der Gemeinschaft.

Danke fürs Lesen!

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.