Das ultimative Cheatsheet für lokale WordPress-Entwicklung

Möchten Sie eine lokale WordPress-Entwicklungsumgebung einrichten, ohne Seiten und Seiten der Dokumentation durchzublättern? Unser Cheatsheet für lokale WordPress-Entwicklung hilft Ihnen, schnell und intelligent loszulegen!

In diesem schnörkellosen praktischen Leitfaden behandeln wir kurz, was lokale WordPress-Entwicklung ist und einige der wichtigsten Vorteile ihrer Verwendung, und wir werden dann direkt darauf eingehen, wie Sie eine lokale Umgebung einrichten, WordPress auf Ihrem installieren Computer und testen Sie Ihre Website, bevor Sie live gehen.

Dieser Leitfaden behandelt Folgendes:

• Was ist lokale WordPress-Entwicklung?
• Vorteile der lokalen WordPress-Entwicklung
• Einrichten Ihrer lokalen Entwicklungsumgebung
  • Was du brauchen wirst
  • Installieren der lokalen Serversoftware
  • Einrichten eines virtuellen Hosts
  • Erstellen einer Datenbank für Ihre lokale WordPress-Installation
• WordPress lokal installieren
  • Herunterladen und Installieren von WordPress auf dem lokalen Server
  • Konfigurieren der wp-config.php-Datei
• Importieren einer Live-WordPress-Site in die lokale Umgebung
  • Exportieren der Datenbank der Live-Site
  • Importieren der Datenbank der Live-Site auf den lokalen Server
  • Ersetzen von URLs in der Datenbank
  • Hochladen der Dateien der Live-Site in die lokale Umgebung
• Entwickeln und Testen auf einer lokalen WordPress-Site
  • Änderungen vornehmen und testen
  • Debuggen
  • Testen verschiedener Plugins und Themes
• Bereitstellen der lokalen WordPress-Site auf dem Live-Server
  • Exportieren der Datenbank der lokalen Site
  • Importieren der Datenbank auf den Live-Server
  • Hochladen der Dateien der lokalen Site auf den Live-Server
  • Aktualisieren von URLs in der Datenbank
• Lokale Entwicklung vs. Webhost-Staging-Umgebung
  • Vorteile der lokalen Entwicklungsumgebung
  • Nachteile der lokalen Entwicklungsumgebung
  • Vorteile der Webhost-Staging-Umgebung
  • Nachteile der Webhost-Staging-Umgebung

Was ist lokale WordPress-Entwicklung?

Die lokale WordPress-Entwicklung ermöglicht es Ihnen, eine Entwicklungsumgebung zum Erstellen, Arbeiten und Testen von WordPress-Sites auf Ihrem Computer zu erstellen, ohne Ihre Live-Site zu beeinträchtigen.

Die lokale Entwicklungsumgebung repliziert den Produktionsserver, sodass verschiedene Szenarien getestet und Probleme behoben werden können, bevor Änderungen an die Live-Site übertragen werden.

Vorteile der lokalen Entwicklung

Einige der wichtigsten Vorteile der lokalen WordPress-Entwicklung sind:

• Sichere Testumgebung : Die lokale Entwicklungsumgebung bietet einen sicheren Ort, um neue Funktionen, Plugins und Designs zu testen, ohne Ihre Live-Site zu beeinträchtigen.
• Geschwindigkeit, Leistung und Effizienz : Eine lokale Entwicklungsumgebung ist schneller und reaktionsschneller als ein Remote-Server. Dies liegt daran, dass es auf Ihrem Computer ausgeführt wird, sodass Ihr Computer viel schneller auf Daten zugreifen und diese verarbeiten kann als ein Server, und es gibt keine Latenz bei der Kommunikation zwischen Ihrem Computer und dem Server.
• Kostengünstig : Die Einrichtung einer lokalen Entwicklungsumgebung macht teure Hosting-Dienste überflüssig und reduziert die Kosten, die mit der Bereitstellung von Änderungen an einer Live-Site verbunden sind. Sie brauchen nur einen Computer und einen Texteditor, um loszulegen.
• Verbesserte Zusammenarbeit : Mehrere Entwickler können gleichzeitig an einem einzigen Projekt arbeiten, ohne sich gegenseitig bei der Arbeit zu stören.
• Offline-Entwicklung : Mit einer lokalen Entwicklungsumgebung können Sie Ihre Website auch dann entwickeln, wenn Sie offline sind.
• Verbesserte Sicherheit : Haben Sie ein „streng geheimes“ Projekt, an dem Sie arbeiten möchten? Da eine lokale Entwicklungsumgebung auf Ihrem Computer ausgeführt wird, ist sie sicherer als ein Remote-Server, sodass Sie Ihre Website vor neugierigen Blicken schützen und daran arbeiten können. Es besteht kein Risiko von unbefugtem Zugriff oder Hacking.

Wenn Sie gerade erst als WordPress-Entwickler anfangen, lesen Sie unseren Artikel zur Einführung in die lokale WordPress-Entwicklung. Wenn Sie bereits etwas erfahrener sind, lesen Sie unseren Artikel über Möglichkeiten zur Verbesserung Ihres WordPress-Entwicklungsworkflows in einer lokalen Umgebung.

Einrichten Ihrer lokalen Entwicklungsumgebung

Bevor Sie eine lokale WordPress-Entwicklungsumgebung einrichten können, müssen Sie einige Dinge beachten.

Was du brauchen wirst

Neben einem Computer mit genügend Speicherplatz und Rechenleistung zur Unterstützung Ihrer Entwicklungsarbeit benötigen Sie hier alles, um eine lokale Entwicklungsumgebung einzurichten:

Lokale Serversoftware

Sie müssen eine lokale Serversoftware installieren, um Ihre lokale Entwicklungsumgebung auszuführen.

XAMPP, MAMP und WAMP sind drei beliebte Optionen. Jedes dieser lokalen Server-Softwarepakete bietet eine vollständige Entwicklungsumgebung für Webentwickler mit allen erforderlichen Komponenten (wie Apache-Webserver, MySQL-Datenbank und PHP-Skriptsprache in einem einzigen Paket), einem Control Panel zur Verwaltung dieser Komponenten und a Werkzeug zur Verwaltung der Datenbank.

Jedes Softwarepaket hat jedoch auch seine eigenen einzigartigen Funktionen mit wesentlichen Unterschieden, daher ist es wichtig, eines zu wählen, das Ihren spezifischen Anforderungen entspricht.

Werfen wir einen kurzen Blick auf jeden:

XAMPP

XAMPP ist eine kostenlose, quelloffene und einfach zu installierende Webserver-Software, die Webentwicklern eine lokale Entwicklungsumgebung bietet. Es steht für Apache, MariaDB, PHP und Perl, die vier Hauptkomponenten von XAMPP.

Einige Schlüsselfunktionen (und Vorteile) von XAMPP:

• Beinhaltet den Apache-Webserver, die MariaDB-Datenbank und die Skriptsprachen PHP und Perl.
• Unterstützt mehrere Betriebssysteme, einschließlich Windows, Mac und Linux.
• Benutzerfreundliches Control Panel zur Verwaltung von Webserver- und Datenbankkomponenten.
• Option zur Installation zusätzlicher Komponenten wie phpMyAdmin für die Datenbankverwaltung.

Nachteile:

• Nicht so beliebt wie MAMP oder WAMP, daher ist die Community-Unterstützung möglicherweise nicht so stark.
• Komplexere Einrichtung im Vergleich zu MAMP oder WAMP, die mehr technische Kenntnisse zum Installieren und Konfigurieren von Komponenten erfordert.

XAMPP eignet sich am besten für Webentwickler, die eine vollständige Entwicklungsumgebung mit mehreren Komponenten benötigen und mit der Konfiguration und Verwaltung dieser Komponenten vertraut sind. Es eignet sich auch am besten für Entwickler, die auf mehreren Betriebssystemen arbeiten und eine plattformübergreifende Lösung benötigen.

MAMP

MAMP ist eine lokale Serversoftware, die eine Entwicklungsumgebung für Webentwickler bereitstellt. Es steht für Macintosh, Apache, MySQL und PHP, die vier Hauptkomponenten von MAMP.

Einige Hauptfunktionen (und Vorteile) von MAMP:

• Enthält Apache-Webserver, MySQL-Datenbank und PHP-Skriptsprache.
• Wird vom macOS-Betriebssystem unterstützt, kann aber auch für Windows-basierte Betriebssysteme verwendet werden.
• Benutzerfreundliches Control Panel zur Verwaltung von Webserver- und Datenbankkomponenten.
• Option zur Installation zusätzlicher Komponenten wie phpMyAdmin für die Datenbankverwaltung.

Nachteile:

• Kann nur die PHP-Skriptsprache verwenden.
• Weniger Komponenten im Vergleich zu XAMPP, was die Anforderungen einiger Entwickler einschränken kann.

MAMP eignet sich am besten für Webentwickler, die mit dem Betriebssystem macOS arbeiten.

Weitere Informationen zur Verwendung dieser Option finden Sie in unserem Tutorial zur lokalen Entwicklung von WordPress mit MAMP.

WampServer

WAMP ist eine lokale Serversoftware, die eine Entwicklungsumgebung für Webentwickler bereitstellt. Es steht für Windows, Apache, MySQL und PHP, die vier Hauptkomponenten von WAMP.

Einige Hauptfunktionen (und Vorteile) von WAMP:

• Enthält Apache-Webserver, MySQL-Datenbank und PHP-Skriptsprache.
• Unterstützt das Windows-Betriebssystem.
• Benutzerfreundliches Control Panel zur Verwaltung von Webserver- und Datenbankkomponenten.
• Option zur Installation zusätzlicher Komponenten wie phpMyAdmin für die Datenbankverwaltung.

Nachteile:

• Unterstützt nur Windows, daher müssen sich Entwickler, die macOS oder Linux verwenden, woanders umsehen.
• Weniger Komponenten im Vergleich zu XAMPP, was die Anforderungen einiger Entwickler einschränken kann.

WAMP eignet sich am besten für Webentwickler, die auf dem Windows-Betriebssystem arbeiten und eine vollständige Entwicklungsumgebung mit grundlegenden Komponenten benötigen.

Weitere Informationen zu dieser Option finden Sie in unserem Tutorial zur lokalen Entwicklung von WordPress mit WAMP.

Während XAMPP, MAMP und WAMP alle eine ausgezeichnete Wahl für Webentwickler sind, die nach einer lokalen Entwicklungsumgebung suchen, sind andere Optionen verfügbar, einschließlich Local by Flywheel, DesktopServer und (wenn Sie lokal auf mehr als einem Computer an WordPress arbeiten müssen) sogar WordPress von einem USB installieren und ausführen.

Texteditor

Die andere Komponente, die Sie benötigen, ist ein Texteditor für die WordPress-Entwicklung, der speziell für die Arbeit mit Programmiersprachen wie PHP entwickelt wurde. Ein Texteditor ist unerlässlich, um Code zu bearbeiten und Änderungen an Ihrer Website vorzunehmen.

Schauen wir uns ein paar beliebte Optionen für Texteditoren an:

Erhabener Text

Sublime Text ist ein beliebter Texteditor, der von Entwicklern häufig für Codierungs- und Skriptzwecke verwendet wird. Es bietet eine übersichtliche, schnelle und intuitive Benutzeroberfläche, die die Arbeit mit großen Codebasen erleichtert.

Einige Schlüsselfunktionen von Sublime Text:

• Syntaxhervorhebung und Codevervollständigung für über 80 Programmiersprachen
• Anpassbare Farbschemata, Tastenbelegungen und Makros
• Erweiterte Such- und Bearbeitungswerkzeuge wie Mehrfachauswahl, geteilte Bearbeitung und Spaltenbearbeitung
• Wechseln Sie sofort zwischen Projekten mit einem projektspezifischen Einstellungssystem

Sublime Text ist ein großartiges Tool für Entwickler, die an Projekten arbeiten, die das Schreiben von Code in HTML, CSS und JavaScript erfordern. Es bietet benutzerfreundliche Tools zur Syntaxhervorhebung, Codevervollständigung und Bearbeitung, die den Codierungsprozess schnell und effizient machen.

Visual Studio-Code

Visual Studio Code ist ein kostenloser Open-Source-Code-Editor, der von Microsoft entwickelt wurde. Es bietet eine Reihe von Funktionen und Tools, mit denen Entwickler umfangreiche Projekte erstellen und verwalten können.

Einige Schlüsselfunktionen von Visual Studio Code:

• IntelliSense, ein intelligentes und fortschrittliches Codevervollständigungs- und Debugging-Tool
• Integrierte Git-Unterstützung und Debugging
• Unterstützt mehrere Programmiersprachen und verfügt über eine große Bibliothek mit Erweiterungen
• Anpassbare Benutzeroberfläche und Arbeitsbereich

Weitere Texteditoren finden Sie in unserer Liste der besten Texteditoren für die WordPress-Entwicklung.

Haben Sie alle oben genannten Anforderungen erfüllt?

Der Computer erfüllt die erforderlichen Spezifikationen
Ausgewählte lokale Serversoftware
Ausgewählter Texteditor

Großartig! Dann lass uns zum nächsten Schritt übergehen …

Installieren der lokalen Serversoftware

Für dieses Beispiel installieren wir XAMPP auf einem Windows-Betriebssystem. Verwenden Sie den unten beschriebenen Vorgang, um die ausgewählte lokale Serversoftware auf Ihrem Computer zu installieren, und befolgen Sie die spezifischen Anweisungen des Softwarepakets:

1. XAMPP herunterladen : Besuchen Sie die offizielle Website von XAMPP und laden Sie die neueste Version von XAMPP für Windows herunter.
2. XAMPP installieren : Doppelklicken Sie auf die heruntergeladene Datei, um den Installationsvorgang zu starten. Führen Sie die heruntergeladene Installationsdatei aus und befolgen Sie die Anweisungen auf dem Bildschirm, um XAMPP zu installieren. Standardmäßig wird XAMPP im Verzeichnis C:\xampp installiert.
3. Starten Sie XAMPP : Öffnen Sie nach der Installation die XAMPP-Systemsteuerung über das Startmenü oder die Desktop-Verknüpfung. Starten Sie die Apache- und MySQL-Module, indem Sie auf die Schaltflächen „Start“ neben jedem Modul klicken.
4. Installation überprüfen : Um zu überprüfen, ob XAMPP ordnungsgemäß funktioniert, öffnen Sie einen Webbrowser und navigieren Sie zu http://localhost . Dies sollte die XAMPP-Willkommensseite anzeigen.
5. Erstellen Sie einen virtuellen Host : Um einen virtuellen Host zu erstellen, folgen Sie den unten beschriebenen Schritten.

XAMPP sollte jetzt auf Ihrem Computer installiert und konfiguriert sein. Sie sind bereit, Ihre Websites lokal zu entwickeln und zu testen.

Hinweis: Der Prozess der Installation von XAMPP oder anderer lokaler Serversoftware wie MAMP oder WAMP kann je nach verwendetem Betriebssystem leicht variieren. Für Mac- und Linux-Betriebssysteme können Sie den Installationsanweisungen auf der XAMPP-Website folgen.

Weitere Informationen zum Einrichten von XAMPP, zum Aktualisieren von XAMPP, zur Fehlerbehebung bei XAMPP und zum Migrieren von WordPress von einem lokalen XAMPP-Host ins Web finden Sie in unseren anderen XAMPP-bezogenen Tutorials.

Einrichten eines virtuellen Hosts

Durch das Einrichten eines virtuellen Hosts in einer lokalen Entwicklungsumgebung können Entwickler mehrere Websites auf ihrem lokalen Computer ausführen, jede mit ihrer eigenen eindeutigen URL. Dies sorgt für eine realistischere Testumgebung und erleichtert den Wechsel zwischen verschiedenen Projekten.

Für die Schritt-für-Schritt-Anleitung unten, um einen virtuellen Host in Ihrer lokalen Entwicklungsumgebung einzurichten und mit dem Testen Ihrer Websites zu beginnen:

1. Öffnen Sie die Apache-Konfigurationsdatei : Öffnen Sie die Konfigurationsdatei für Ihre lokale Serversoftware. Für dieses Beispiel verwenden wir XAMPP, öffnen Sie also die Apache-Konfigurationsdatei, die sich normalerweise unter /etc/httpd/conf/httpd.conf oder C:\xampp\apache\conf\httpd.conf befindet.

2. Virtuelles Hosting aktivieren : Suchen Sie den Abschnitt mit der Bezeichnung „# Virtual Hosts“ und kommentieren Sie die folgende Zeile aus, indem Sie das Hash-Symbol (#) am Anfang der Zeile entfernen: #Include conf/extra/httpd-vhosts.conf .

3. Konfigurieren Sie den virtuellen Host : Öffnen Sie die Konfigurationsdatei des virtuellen Hosts, die sich normalerweise unter /etc/httpd/conf/extra/httpd-vhosts.conf oder C:\xampp\apache\conf\extra\httpd-vhosts.conf befindet.

4. Neuen virtuellen Host hinzufügen : Fügen Sie einen neuen virtuellen Host hinzu, indem Sie einen neuen Codeblock mit dem folgenden Format erstellen:

ServerName example.local
DocumentRoot "/path/to/document/root"
<Directory "/path/to/document/root">
AllowOverride All
Require all granted

Mach das:

• Ersetzen Sie „example.local“ durch die gewünschte URL für den virtuellen Host.
• Ersetzen Sie „/path/to/document/root“ durch den vollständigen Pfad zum Dokumentstammverzeichnis für den virtuellen Host.

5. Aktualisieren Sie die Hosts-Datei : Die Hosts-Datei ordnet Domänennamen IP-Adressen zu. Um den virtuellen Host über die von Ihnen angegebene URL zugänglich zu machen, müssen Sie der Hosts-Datei einen Eintrag hinzufügen. Die Hosts-Datei befindet sich normalerweise unter /etc/hosts or C:\Windows\System32\drivers\etc\hosts . Fügen Sie eine neue Zeile mit dem folgenden Format hinzu: 127.0.0.1 example.local . Ersetzen Sie „example.local“ durch die URL, die in der Konfiguration des virtuellen Hosts angegeben ist. Speichern Sie die Änderungen in der Konfigurationsdatei.

6. Apache neu starten : Starten Sie den lokalen Apache-Webserver neu, um die Änderungen zu übernehmen.

7. Testen Sie den virtuellen Host : Testen Sie Ihren virtuellen Host, indem Sie die URL in einem Webbrowser aufrufen. Der Browser sollte den Inhalt des Dokumentenstammverzeichnisses für den virtuellen Host anzeigen.

Erstellen einer Datenbank für Ihre lokale WordPress-Installation

Der nächste Schritt vor der lokalen Einrichtung eines WordPress-Projekts besteht darin, eine Datenbank für Ihre lokale Entwicklungsumgebung zu erstellen.

Befolgen Sie diese Schritt-für-Schritt-Anleitung, um eine Datenbank in XAMPP zu erstellen:

1. Öffnen Sie die XAMPP-Systemsteuerung : Öffnen Sie die XAMPP-Systemsteuerung über das Startmenü oder die Desktop-Verknüpfung. Stellen Sie sicher, dass die Apache- und MySQL-Module ausgeführt werden.

2. Greifen Sie auf phpMyAdmin zu : Um auf phpMyAdmin zuzugreifen, öffnen Sie einen Webbrowser und navigieren Sie zu http://localhost/phpmyadmin . Dadurch wird die phpMyAdmin-Oberfläche in Ihrem Browser geöffnet.

3. Erstellen Sie eine neue Datenbank : Klicken Sie in der phpMyAdmin-Oberfläche auf die Registerkarte „Datenbanken“. Geben Sie im Abschnitt „Datenbank erstellen“ einen Namen für Ihre neue Datenbank ein und wählen Sie die Sortierung „utf8mb4_general_ci“ aus. Klicken Sie dann auf die Schaltfläche „Erstellen“.

4. Erstellen Sie einen neuen Benutzer : Um einen neuen Benutzer für die Datenbank anzulegen, klicken Sie auf die Registerkarte „Benutzer“ und dann auf die Schaltfläche „Benutzer hinzufügen“. Geben Sie im Formular „Benutzer hinzufügen“ einen Benutzernamen und ein Passwort für den neuen Benutzer ein und wählen Sie „Lokal“ als Host aus. Stellen Sie sicher, dass Sie dem Benutzer alle Berechtigungen gewähren, indem Sie das Kontrollkästchen „Alle Berechtigungen für die Datenbank gewähren“ aktivieren. Klicken Sie abschließend auf die Schaltfläche „Los“.

5. Speichern Sie Ihre Daten : Notieren oder speichern Sie Ihren Datenbanknamen, Benutzernamen und Ihr Passwort. Diese benötigen Sie, um später die Datenbank mit WordPress zu verbinden.

Nachdem Sie die obigen Schritte ausgeführt haben, haben Sie erfolgreich eine Datenbank für Ihre lokale WordPress-Installation und lokale Entwicklungsumgebung erstellt.

Sie können diese Datenbank jetzt verwenden, um Ihre Daten zu speichern und zu verwalten, während Sie Ihre WordPress-Site lokal entwickeln und testen.

Haben Sie alle oben genannten Schritte ausgeführt?

Installierte lokale Serversoftware
Virtuellen Host einrichten
Datenbank erstellt

Großartig! Dann lass uns zum nächsten Schritt übergehen …

WordPress lokal installieren

Nachdem wir unsere lokale Umgebung vorbereitet haben, besteht der nächste Schritt darin, WordPress herunterzuladen, zu installieren und zu konfigurieren.

Herunterladen und Installieren von WordPress auf dem lokalen Server

Führen Sie die folgenden Schritte aus, um diesen Vorgang abzuschließen:

1. Besuchen Sie die WordPress-Website : Gehen Sie zur offiziellen WordPress.org-Website und klicken Sie auf die Schaltfläche „WordPress herunterladen“, um die neueste Version von WordPress herunterzuladen.
2. Archiv extrahieren : Der WordPress-Download ist eine komprimierte ZIP-Datei. Extrahieren Sie den Inhalt des Archivs in ein Verzeichnis auf Ihrem Computer.
3. Verschieben Sie die extrahierten Dateien auf Ihren lokalen Server : Verschieben Sie den Inhalt des extrahierten Verzeichnisses in das Stammverzeichnis Ihres lokalen Servers. Wenn Sie beispielsweise XAMPP verwenden, ist dies normalerweise C:\xampp\htdocs unter Windows oder /Applications/XAMPP/htdocs unter macOS.
4. Erstellen Sie eine Datenbank : (Hinweis: Wenn Sie mitverfolgt haben, sollte dieser Schritt bereits erledigt sein.) Vor der Installation von WordPress müssen Sie eine Datenbank erstellen. Sie können dies mit einem Tool wie phpMyAdmin tun, das in den meisten lokalen Serversoftware wie XAMPP und MAMP enthalten ist.
5. Starten Sie die Installation : Öffnen Sie Ihren Webbrowser und navigieren Sie zu http://localhost/wordpress (oder der entsprechenden URL für Ihren lokalen Server). Dies startet den WordPress-Installationsprozess.
6. Wählen Sie die Sprache aus : Wählen Sie auf dem ersten Bildschirm Ihre bevorzugte Sprache aus und klicken Sie auf die Schaltfläche „Weiter“.
7. Geben Sie die Datenbankinformationen ein : Geben Sie auf dem nächsten Bildschirm die Datenbankinformationen ein, die Sie in Schritt 4 erstellt haben. Dazu gehören der Datenbankname, der Datenbankbenutzername und das Datenbankkennwort.
8. Geben Sie die Site-Informationen ein : Geben Sie auf dem nächsten Bildschirm die Informationen für Ihre lokale WordPress-Site ein. Dazu gehören der Seitentitel, der Benutzername, das Passwort und die E-Mail-Adresse.
9. Führen Sie die Installation aus : Nachdem Sie alle Informationen ausgefüllt haben, klicken Sie auf die Schaltfläche „WordPress installieren“, um die Installation auszuführen.
10. Melden Sie sich bei Ihrer Website an : Melden Sie sich nach Abschluss der Installation mit dem Benutzernamen und dem Passwort, die Sie in Schritt 8 erstellt haben, bei Ihrer lokalen WordPress-Website an, um mit der Anpassung und Entwicklung Ihrer lokalen Website zu beginnen.

Sie haben WordPress jetzt erfolgreich heruntergeladen und installiert.

Sie können jetzt damit beginnen, Ihre Site lokal anzupassen und zu entwickeln, mit allen Vorteilen einer lokalen Entwicklungsumgebung, bevor Sie Ihre Site auf einem Live-Server bereitstellen.

Konfigurieren der wp-config.php-Datei

Die Datei wp-config.php ist eine entscheidende Komponente bei der Einrichtung einer lokalen WordPress-Installation und einer lokalen Entwicklungsumgebung. Diese Datei enthält Konfigurationseinstellungen, die steuern, wie WordPress mit Ihrer Datenbank und anderen wichtigen Einstellungen interagiert.

Wenn Sie die obigen Installationsanweisungen befolgt haben, werden Ihre Datenbankanmeldeinformationen automatisch zur Datei wp-config.php hinzugefügt.

Wenn Sie die Datei wp-config.php aus irgendeinem Grund manuell konfigurieren müssen, befolgen Sie die nachstehenden Anweisungen:

1. Erstelle eine wp-config.php Datei : Wenn deine lokale WordPress-Installation noch keine wp-config.php Datei hat, kannst du eine erstellen, indem du die wp-config-sample.php Datei kopierst und sie in wp-config.php umbenennst. wp-config.php .

2. Datenbankanmeldeinformationen aktualisieren : Öffne die Datei wp-config.php und aktualisiere die folgenden Zeilen mit den entsprechenden Informationen:

define( 'DB_NAME', 'database_name' );
define( 'DB_USER', 'database_user' );
define( 'DB_PASSWORD', 'database_password' );
define( 'DB_HOST', 'localhost' );

Ersetzen Sie database_name , database_user und database_password durch die Werte, die Sie beim Erstellen der Datenbank und des Benutzers in einem vorherigen Schritt verwendet haben.

3. Legen Sie die WordPress-Sicherheitsschlüssel fest : WordPress-Sicherheitsschlüssel fügen Ihrer Website eine zusätzliche Sicherheitsebene hinzu, indem sie in Cookies gespeicherte Informationen verschlüsseln. Sie können eine Reihe von Sicherheitsschlüsseln auf der offiziellen WordPress-Website generieren. Kopieren Sie die generierten Schlüssel und fügen Sie sie in Ihre wp-config.php Datei ein, wobei Sie die bereits vorhandenen Platzhalterschlüssel ersetzen.

4. Debugging aktivieren : Für die lokale Entwicklung ist es sinnvoll, das Debugging in WordPress zu aktivieren. Dadurch erhalten Sie detailliertere Fehlermeldungen und Warnungen, die Ihnen bei der Behebung von Problemen mit Ihrer Website helfen können. Um das Debugging zu aktivieren, füge die folgende Zeile zu deiner wp-config.php-Datei hinzu:

define( 'WP_DEBUG', true );

5. Speichern Sie die Änderungen : Sobald Sie die Änderungen an der Datei wp-config.php vorgenommen haben, speichern Sie die Datei und schließen Sie sie.

Durch die erfolgreiche Konfiguration der Datei wp-config.php wird sichergestellt, dass Ihre lokal installierte WordPress-Site eine Verbindung zur Datenbank herstellen kann, sicher ist und hilfreiche Debugging-Informationen bereitstellt, während Sie Ihre Site lokal entwickeln und testen.

Importieren einer Live-WordPress-Site in die lokale Umgebung

Führen Sie die folgenden Schritte aus, wenn Sie eine Live-WordPress-Site in Ihre lokale Umgebung importieren müssen:

Exportieren der Datenbank der Live-Site

Um die Datenbank der Live-Site zu exportieren, benötigen Sie Zugriff auf den Server der Live-Site.

Hier sind die Schritte zum Exportieren der Datenbank der Live-Site (Hinweis: Verschiedene Serverumgebungen führen dies unterschiedlich aus, aber die meisten sollten einem ähnlichen Prozess folgen):

1. Melden Sie sich im Control Panel Ihres Live-Servers an .
2. Greifen Sie auf die Datenbank zu : Der erste Schritt besteht darin, auf die Datenbank der Live-Site zuzugreifen. Sie können dies mit einem Tool wie phpMyAdmin tun, das häufig von Ihrem Webhosting-Anbieter bereitgestellt wird. Suchen Sie nach einem Abschnitt namens „Datenbanken“ und klicken Sie auf „phpMyAdmin“.
3. Wählen Sie die Datenbank aus : Nachdem Sie sich bei phpMyAdmin angemeldet haben, wählen Sie die Datenbank für Ihre Live-Site im linken Bereich aus.
4. Datenbank exportieren : Klicken Sie auf die Schaltfläche „Exportieren“, um den Exportvorgang zu starten.
5. Wählen Sie das Exportformat : Wählen Sie auf dem Exportbildschirm die Exportmethode „Schnell“, wählen Sie das Format „SQL“ und stellen Sie sicher, dass die Optionen „Struktur“ und „Daten“ ausgewählt sind.
6. Exportdatei herunterladen : Klicken Sie auf die Schaltfläche „Los“, um die Exportdatei auf Ihren Computer herunterzuladen.

Importieren der Datenbank auf den lokalen Server

Um die Datenbank der Live-Site auf Ihren lokalen Server zu importieren, vergewissern Sie sich, dass die von Ihnen gewählte lokale Serversoftware bereits auf Ihrem Computer installiert ist.

Hier sind die Schritte zum Importieren der Datenbank der Live-Site auf Ihren lokalen Server:

1. Öffnen Sie phpMyAdmin in Ihrer lokalen Serversoftware : Melden Sie sich bei phpMyAdmin für Ihren lokalen Server an und wählen Sie die Datenbank aus, die Sie für Ihre lokale WordPress-Installation erstellt haben.
2. Datenbank importieren : Klicken Sie auf die Schaltfläche „Importieren“, um die Daten aus der gerade heruntergeladenen Exportdatei zu importieren.
3. Wählen Sie die Importdatei aus : Klicken Sie auf dem Importbildschirm auf die Schaltfläche „Datei auswählen“, wählen Sie die soeben heruntergeladene Exportdatei aus und klicken Sie auf die Schaltfläche „Los“, um den Importvorgang zu starten.

Ersetzen von URLs in der Datenbank

Nach dem Importieren der Datenbank der Live-Site müssen Sie die URLs in der Datenbank ersetzen, damit sie mit Ihrer lokalen Entwicklungsumgebung übereinstimmen.

Hier sind die Schritte zum Ersetzen von URLs in der Datenbank:

1. Öffnen Sie phpMyAdmin in Ihrer lokalen Serversoftware.
2. Wählen Sie die importierte Datenbank im linken Bereich aus.
3. Klicken Sie auf die Registerkarte „SQL“.
4. Geben Sie im Textbereich die folgende Abfrage ein:

UPDATE wp_options SET option_value = replace(option_value, 'http://www.livesite.com', 'http://local.livesite.com') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://www.livesite.com','http://local.livesite.com');
UPDATE wp_posts SET post_content = replace(post_content, 'http://www.livesite.com', 'http://local.livesite.com');

5. Ersetzen Sie „http://www.livesite.com“ durch die URL Ihrer Live-Site und ersetzen Sie „http://local.livesite.com“ durch die URL Ihrer lokalen Entwicklungsumgebung.

6. Klicken Sie auf die Schaltfläche „Go“, um die Abfrage auszuführen.

Hochladen der Dateien der Live-Site in die lokale Umgebung

Um die Dateien der Live-Site in die lokale Umgebung hochzuladen, benötigen Sie FTP-Zugriff auf den Server Ihrer Live-Site.

Führen Sie die folgenden Schritte aus, um die Dateien der Live-Site in Ihre lokale Umgebung hochzuladen:

1. Verbinde dich mit einem FTP-Client wie FileZilla mit dem Server deiner Live-Site.
2. Navigieren Sie zum Stammverzeichnis Ihrer Live-Site auf dem Server.
3. Laden Sie alle Dateien auf Ihren lokalen Computer herunter.
4. Legen Sie die heruntergeladenen Dateien im Stammverzeichnis Ihrer lokalen Entwicklungsumgebung ab, die sich normalerweise im Ordner „htdocs“ oder „www“ in XAMPP oder anderer lokaler Serversoftware befindet.

Anmerkungen:

1. Wenn Sie bereits eine WordPress-Installation haben, ist der obige Ordner nicht leer und Sie werden aufgefordert, vorhandene Dateien und Verzeichnisse zu ersetzen. Ersetzen Sie also alle Dateien mit Ausnahme der Datei wp-config.php , um dieselben Konfigurationen beizubehalten, einschließlich der verbundenen Datenbanken, die mit den Daten der Live-Site gefüllt wurden.
2. Bevor Sie die Dateien der Live-Site in die lokale Umgebung hochladen, müssen Sie möglicherweise die Dateiberechtigungen ändern, damit die Dateien von Ihrer lokalen Serversoftware beschreibbar sind.
3. Stellen Sie außerdem sicher, dass Sie Ihr lokales WordPress-Backup testen, bevor Sie Änderungen vornehmen.

Das ist es! Sie haben Ihre Live-Site jetzt erfolgreich in Ihre lokale WordPress-Installation und lokale Entwicklungsumgebung importiert.

Entwickeln und Testen auf einer lokalen WordPress-Site

Sie sind endlich bereit, Ihre Website lokal zu entwickeln und zu testen, indem Sie dieselben Daten wie Ihre Live-Website verwenden, wodurch Sie eine lebensechte Umgebung zum Testen und Entwickeln erhalten.

Gehen wir den Prozess durch:

Änderungen vornehmen und testen

1. Melden Sie sich bei der lokalen WordPress-Site an: Öffnen Sie Ihre lokale WordPress-Site in Ihrem Webbrowser und melden Sie sich mit Ihren Administrator-Anmeldeinformationen beim WordPress-Dashboard an.
2. Nehmen Sie Änderungen an der Website vor: Sie können Änderungen an Ihrer lokalen WordPress-Website vornehmen, indem Sie Designs, Plugins oder benutzerdefinierten Code bearbeiten. Greifen Sie einfach über das WordPress-Dashboard auf diese Elemente zu.
3. Änderungen testen: Nachdem Sie Änderungen an Ihrer lokalen WordPress-Site vorgenommen haben, ist es wichtig, die Änderungen zu testen, um sicherzustellen, dass sie wie erwartet funktionieren. Sie können Änderungen testen, indem Sie das Front-End Ihrer Website besuchen und prüfen, ob die Änderungen wirksam wurden.

Debuggen

1. Verwenden Sie den Debugging-Modus: WordPress verfügt über einen integrierten Debugging-Modus, der es einfacher macht, Probleme auf Ihrer Website zu identifizieren und zu lösen. Um den Debugging-Modus zu aktivieren, müssen Sie Ihrer wp-config.php-Datei den folgenden Code hinzufügen: define( 'WP_DEBUG', true ); .
2. Überprüfen Sie die Fehlerprotokolle: Wenn Sie Probleme mit Ihrer lokalen WordPress-Site haben, können Sie die Fehlerprotokolle überprüfen, um festzustellen, ob es Fehlermeldungen oder Warnmeldungen gibt, die Ihnen helfen können, das Problem zu identifizieren. Die Fehlerprotokolle sind in der WordPress-Debug-Protokolldatei zu finden, die sich im wp-content-Verzeichnis befindet.
3. Verwenden Sie Debugging-Tools: Es gibt eine Reihe von Debugging-Tools und Plugins für WordPress, die Ihnen helfen können, Probleme auf Ihrer Website zu identifizieren und zu lösen. Beispielsweise bietet das Query Monitor-Plugin detaillierte Informationen zu Datenbankabfragen, Plugin-Nutzung und mehr. In diesem Tutorial finden Sie Hilfe beim Debuggen von WordPress: Debugging WordPress: How To Use WP_Debug

Testen verschiedener Plugins und Themes

Das Installieren, Aktivieren und Testen von Plugins und Themes auf einer lokalen WordPress-Site funktioniert genauso wie auf jeder anderen regulären WordPress-Site. Stellen Sie also sicher, dass Sie im Testmodus Folgendes tun:

1. Plug-ins installieren : Installieren Sie Plug-ins auf Ihrer lokalen WordPress-Site, um Ihrer Site neue Features oder Funktionen hinzuzufügen. Um ein Plugin zu installieren, melden Sie sich beim WordPress-Dashboard an, gehen Sie zum Abschnitt Plugins und klicken Sie auf die Schaltfläche Neu hinzufügen.
2. Plugins aktivieren : Aktivieren Sie das Plugin, das Sie testen, nachdem Sie es installiert haben, um es auf Ihrer Website zu verwenden. Um ein Plugin zu aktivieren, gehen Sie zum Abschnitt Plugins des WordPress-Dashboards und klicken Sie auf die Schaltfläche Aktivieren neben dem Plugin, das Sie verwenden möchten.
3. Plugins testen : Nachdem Sie ein Plugin aktiviert haben, ist es wichtig, das Plugin zu testen, um sicherzustellen, dass es wie erwartet funktioniert. Testen Sie Plugins, indem Sie das Front-End Ihrer Website besuchen und überprüfen, ob das Plugin wirksam ist.
4. Themes installieren : Installieren Sie Themes auf Ihrer lokalen WordPress-Site, um das Erscheinungsbild Ihrer Site zu ändern. Um ein Design zu installieren, melden Sie sich beim WordPress-Dashboard an, gehen Sie zum Abschnitt Aussehen und klicken Sie auf die Schaltfläche Designs.
5. Themen aktivieren : Aktivieren Sie das Thema nach der Installation, um das Erscheinungsbild Ihrer Website zu ändern. Um ein Design zu aktivieren, gehen Sie zum Abschnitt Aussehen des WordPress-Dashboards und klicken Sie auf die Schaltfläche Aktivieren neben dem Design, das Sie verwenden möchten.
6. Themen testen : Nachdem Sie ein Thema aktiviert haben, ist es wichtig, das Thema zu testen, um sicherzustellen, dass es wie erwartet funktioniert. Testen Sie Designs, indem Sie das Front-End Ihrer Website besuchen und überprüfen, ob das Design wirksam ist.

Haben Sie alle erforderlichen Änderungen vorgenommen, Probleme behoben und verschiedene Plugins und Designs auf Ihrer lokalen Website getestet?

Großartig! Jetzt sind Sie bereit, Ihre lokale WordPress-Site live zu schalten.

Bereitstellen der lokalen WordPress-Site auf dem Live-Server

Der letzte Schritt in diesem Prozess besteht darin, alle Ihre lokalen WordPress-Dateien und -Datenbanken in Ihre Live-Hosting-Umgebung zu exportieren und sicherzustellen, dass alle Änderungen, Konfigurationen und URLs Ihrer Website auf Ihrer Live-Website funktionieren.

Exportieren der Datenbank der lokalen Site

Führen Sie die folgenden Schritte aus, um Ihre lokale WordPress-Site auf Ihren Live-Server zu exportieren:

1. Melden Sie sich mit PHPMyAdmin bei der Datenbank der lokalen Site an.
2. Wählen Sie die Datenbank aus, die Sie exportieren möchten.
3. Gehen Sie auf die Registerkarte „Exportieren“.
4. Wählen Sie die Exportmethode „Schnell“.
5. Wählen Sie das Format „SQL“ aus.
6. Klicken Sie auf „Los“, um die SQL-Datei auf Ihren Computer herunterzuladen.

Importieren der Datenbank auf den Live-Server

Führen Sie die folgenden Schritte aus, um die Exportdatei Ihrer lokalen WordPress-Datenbank in Ihre Live-Site zu importieren:

1. Melden Sie sich mit PHPMyAdmin bei der Datenbank des Live-Servers an.
2. Erstellen Sie eine neue Datenbank für die Live-Site.
3. Gehen Sie zur neuen Datenbank und wählen Sie die Registerkarte „Importieren“.
4. Wählen Sie die exportierte SQL-Datei von Ihrer lokalen Site aus.
5. Klicken Sie auf „Los“, um die Datenbank zu importieren.

Nachdem Sie nun die Datenbank von Ihrer lokalen Site auf Ihre Live-Site migriert haben, machen wir dasselbe für die Dateien Ihrer Site.

Hochladen der Dateien der lokalen Site auf den Live-Server

Führen Sie die folgenden Schritte aus, um die Dateien Ihrer lokalen WordPress-Site auf Ihre Live-Site hochzuladen:

1. Bereiten Sie die Dateien vor: Bevor Sie die Dateien der lokalen Site auf den Server hochladen, sollten Sie die Dateien überprüfen und bereinigen. Dies kann das Entfernen unnötiger Dateien wie Backups oder Testdateien umfassen, um die hochzuladende Datenmenge zu minimieren.
2. Mit dem Server verbinden: Sie können sich mit verschiedenen Methoden wie FTP oder SFTP mit dem Server verbinden. Sie müssen eine Client-Software wie FileZilla verwenden, um sich mit dem Server zu verbinden. Sie müssen Ihren Serverhost, Ihren Benutzernamen und Ihr Passwort angeben, um eine Verbindung herzustellen.
3. Laden Sie die Dateien hoch: Sobald Sie mit dem Server verbunden sind, können Sie die Dateien der lokalen Site auf den Server hochladen. Sie können die Dateien auf verschiedene Weise hochladen, einschließlich des Hochladens einzelner Dateien oder des gesamten lokalen Site-Ordners. Navigieren Sie zum Stammverzeichnis der Live-Site auf dem Server. Laden Sie alle Dateien der lokalen Site in das Verzeichnis der Live-Site auf dem Server hoch und ersetzen Sie die vorhandenen Dateien, wenn Sie dazu aufgefordert werden.
4. Aktualisieren Sie die Datenbankinformationen: Nachdem Sie die Dateien auf den Server hochgeladen haben, müssen Sie die Datenbankinformationen in der Datei wp-config.php aktualisieren, um die Datenbankinformationen der Live-Site widerzuspiegeln. Öffne die Datei wp-config.php in einem Texteditor und aktualisiere den Datenbanknamen, den Benutzernamen und das Passwort, damit sie mit der Live-Datenbank übereinstimmen.
5. URLs in der Datenbank aktualisieren: Siehe Abschnitt unten.
6. Testen Sie die Site: Nachdem Sie die Dateien der lokalen Site auf den Server hochgeladen haben, ist es eine gute Idee, die Site zu testen, um sicherzustellen, dass alles richtig funktioniert. Dies kann das Testen der Funktionalität, Links und Bilder der Website beinhalten, um sicherzustellen, dass sie wie erwartet funktionieren.

Aktualisieren von URLs in der Datenbank

Sie können die URLs in Ihrer Datenbank mit einem Texteditor aktualisieren oder indem Sie direkt in Ihrer Datenbank arbeiten (stellen Sie sicher, dass Ihre Datenbank vollständig gesichert ist, bevor Sie Änderungen vornehmen).

Aktualisieren von URLs mit einem Texteditor

Führen Sie die folgenden Schritte aus, um die URLs in Ihrer Datenbank mit einem Texteditor zu aktualisieren.

1. Datenbank exportieren: Bevor Sie die URLs in der Datenbank aktualisieren, müssen Sie die Datenbank exportieren. Verwenden Sie Ihr Datenbankverwaltungstool (z. B. phpMyAdmin).
2. Suchen und Ersetzen der URLs : Nachdem Sie die Datenbank exportiert haben, müssen Sie die URLs in der Datenbank suchen und ersetzen. Sie können dies mit einem Texteditor wie Sublime oder Visual Studio Code tun. Suchen und ersetzen Sie die URLs und stellen Sie sicher, dass Sie die URLs sorgfältig und gründlich ersetzen, einschließlich URLs in serialisierten Daten.
3. Importieren Sie die Datenbank : Nachdem Sie die URLs in der Datenbank aktualisiert haben, müssen Sie die Datenbank wieder in Ihre lokale Entwicklungsumgebung importieren. Sie können die Datenbank mit einem Datenbankverwaltungstool wie phpMyAdmin importieren.
4. Testen Sie die Website : Nach dem Importieren der aktualisierten Datenbank empfiehlt es sich, die Website zu testen, um sicherzustellen, dass alles ordnungsgemäß funktioniert. Dies kann das Testen der Funktionalität, Links und Bilder der Website beinhalten, um sicherzustellen, dass sie wie erwartet funktionieren.

Aktualisieren von URLs in der Datenbank

Führen Sie die folgenden Schritte aus, um die URLs direkt in Ihrer Datenbank zu aktualisieren:

1. Melden Sie sich mit PHPMyAdmin bei der Datenbank der Live-Site an.
2. Select the live site's database.
3. Go to the “SQL” tab.
4. Run the following SQL query to update the URLs:

UPDATE wp_options SET option_value = replace(option_value, 'http://old-url', 'http://new-url') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://old-url','http://new-url');
UPDATE wp_posts SET post_content = replace(post_content, 'http://old-url', 'http://new-url');

Replace “old-url” with the URL of the local site and “new-url” with the URL of the live site.

5. Click “Go” to run the query.
6. This will update all references to the local site's URL with the live site's URL in the database, ensuring that all links and images on the live site work correctly.

If you have followed the above steps correctly, the URLs in your database should have successfully updated. After these steps, your local WordPress site should now be fully functional on the live server. Make sure to thoroughly test the live site to ensure that all features are working correctly, and make any necessary adjustments to ensure a seamless transition from the local development environment to the live server.

Local Development vs Webhost Staging Environment

While WordPress local development provides a safe and efficient environment to build, edit, and test WordPress websites, you may decide to work in a webhost staging environment instead (here are some good reasons why you may not want to develop WordPress locally).

Both local development environments and webhost staging environments, however, have their pros and cons.

Here is a brief overview of the pros and cons of using a WordPress local development versus a webhost staging environment:

Pros of Local Development Environment

• Easy to Use : Local development environments are easy to use, even for beginner developers.
• Flexibility : You have complete control over your local development environment, so you can configure it however you like.
• Test Any Changes : With a local development environment, you can test any changes you make to your site without affecting the live version.

Cons of Local Development Environment

• Not a Live Environment : A local development environment is not a live environment, so you cannot test your site with live data.
• Limited Resources : Your local machine may have limited resources, such as memory and processing power, which can affect your site's performance.
• Not a True Representation : A local development environment may not accurately represent a live server environment, so testing may not be 100% accurate.

Pros of Webhost Staging Environment

• Live Environment : A webhost staging environment is a live environment, so you can test your site with live data.
• More Accurate Testing : A webhost staging environment is a more accurate representation of a live server environment, so testing is more reliable.
• More Resources : A webhost staging environment typically has more resources available than a local development environment, so your site's performance will be better.

Cons of Webhost Staging Environment

• Cost : Setting up a webhost staging environment can be expensive, as you have to pay for hosting and a domain name.
• Not as Fast : A webhost staging environment is not as fast as a local development environment because it runs on a remote server.

For smaller projects, a local development environment is a great option because it is free and easy to use. For larger projects, however, a webhost staging environment may be a better option because it is a live environment and provides more accurate testing.

Ultimately, the choice between these two methods will depend on your individual needs, preferences, and hosting options.

Note: We recommend avoiding shared hosting, and hosting on our Quantum plan instead for basic WordPress sites, but if you have reasons for choosing shared hosting, then check out our article on how to run WordPress local development on shared hosting.

All WPMU DEV hosting plans (except for Quantum) include a staging environment. Refer to our staging documentation for more details on the benefits of using a staging environment to develop and test WordPress sites.

Do you use a local environment to build and test WordPress sites? Share your experiences and comments below!