Vollständige Anleitung zur Installation eines Webservers und von WordPress auf Localhost
Jeder WordPress-Entwickler sollte in der Lage sein, auf einem lokalen Webserver zu entwickeln. Es ist eine schnelle und direkte Möglichkeit, Ihren Code in Aktion zu sehen. In diesem Beitrag werde ich die Installation und Einrichtung einer Webserver-Anwendung auf Ihrem Computer (sowohl Windows als auch MacOS) durchgehen, einschließlich der Lösung der damit verbundenen Probleme.
Es gibt viele Lösungen, um einen lokalen Webserver einzurichten, zum Beispiel mit Docker, Vagrant oder einer einfachen Webserver-Anwendung. Das letzte ist definitiv das einfachste. In diesem Beitrag wird der Prozess der Einrichtung von WampServer für Windows und XAMPP für MacOS beschrieben. Wechseln Sie zum Betriebssystem für Ihren Computer:
Installation von WampServer unter Windows
Die Installation eines Webservers für Windows ist ziemlich einfach. Es geht hauptsächlich darum, dem Einrichtungsassistenten zu folgen, daher werde ich hier nicht zu sehr ins Detail gehen.
Der erste Schritt ist das Herunterladen der Webserver-Anwendung. Klicken Sie auf den Link, um zur Webseite von WampServer zu gelangen, und klicken Sie im Menü auf „Download”.
Sie haben die Wahl, entweder eine 64-Bit- oder eine 32-Bit-Version zu installieren. Die meisten Computer unterstützen heute 64-Bit, also würde ich mich dafür entscheiden. Wenn Sie auf die Download-Schaltfläche klicken, wird ein Formular angezeigt, aber Sie können einfach oben auf den Link klicken, auf dem steht: „Sie können es direkt herunterladen”. Dadurch gelangen Sie zum eigentlichen Download.
Nachdem die Datei heruntergeladen wurde, klicken Sie auf die .exe-Datei, um die Installation zu starten. Folgen Sie dem Einrichtungsprozess. Denken Sie daran, dass Sie an dem Ort, an dem Sie WampServer installieren möchten, Ihre WordPress-Dateien und alle anderen Website-Projekte ablegen müssen, die Sie möglicherweise durchführen möchten. Wenn Sie nach Ihrem Standardbrowser gefragt werden, wählen Sie das Browserprogramm aus (normalerweise in einem Unterordner von C:Program Files (x86)).
Wenn die Installation abgeschlossen ist und WampServer gestartet wird, erscheint es im Windows-Systray (rechts neben der Taskleiste neben der Uhr).
Wenn das Symbol grün ist, führt WampServer den Webserver erfolgreich aus. Wenn es orange oder rot ist, ist der Server offline. Klicken Sie auf das WampServer-Symbol in der Taskleiste, um Dienste zu konfigurieren und zu starten/neu zu starten/zu stoppen.
Um zu testen, ob der Webserver funktioniert, öffnen Sie Ihren Browser und gehen Sie zu http://localhost/. Sie sollten die Homepage von WampServer sehen.
Wenn Sie den Webserver erfolgreich gestartet haben, fahren Sie direkt mit „ WordPress installieren ” fort! Wenn etwas schief gelaufen ist, werfen Sie einen Blick auf den Abschnitt mit dem Titel „Mögliche Probleme und Lösungen für WampServer”, um zu versuchen, das Problem zu lösen.
Installation von XAMPP auf MacOS X
Einen Webserver einzurichten und WordPress auf einem MacOS zum Laufen zu bringen, ist definitiv eine Herausforderung. Nachdem ich es ein paar Mal gemacht habe, habe ich den Prozess mit den wenigsten Schritten und dem besten Ergebnis gefunden.
Gehen Sie auf die Website von XAMPP und finden Sie den großen grünen Download-Bereich. Klicken Sie auf „XAMPP für OS X”.
Befolgen Sie die Einrichtungsanleitung und ziehen Sie das Symbol bei Aufforderung in den Anwendungsordner. Klicken Sie in Dialogfeldern, in denen Sie gefragt werden, ob Sie die aus dem Internet heruntergeladene Anwendung wirklich öffnen möchten, auf Öffnen. Wenn die Einrichtung abgeschlossen ist, starten Sie die XAMPP-App über Launcher.
Wenn XAMPP zum ersten Mal gestartet wird, müssen Sie auf die Schaltfläche „Start” klicken.
Nach einer Weile sollte die Anzeige von rot auf grün wechseln und Sie sollten Ihre IP-Adresse sehen. Zu diesem Zeitpunkt sind der Webserver und der Datenbankserver unter der angegebenen IP-Adresse betriebsbereit. Aber wir wollen statt der IP eine schöne Localhost-URL verwenden. Klicken Sie auf die Registerkarte „Netzwerk” und in der Zeile „localhost:8080″ auf die Schaltfläche Aktivieren.
Nachdem diese Zeile grün wird, öffnen Sie die URL http://localhost:8080/ in Ihrem Browser. Sie sollten die Willkommensseite von XAMPP sehen. Dies bedeutet, dass der Webserver betriebsbereit ist.
Um Zugriff auf den Webprojektordner zu erhalten, in dem Sie WordPress und andere Projektdateien ablegen, müssen Sie in XAMPP zur Registerkarte Volumes gehen. Klicken Sie auf die Schaltfläche „Mounten”.
XAMPP sollte jetzt den Webserver und den MySQL-Datenbankserver erfolgreich ausführen, damit Sie WordPress installieren können. Befolgen Sie die nachstehenden Schritte zur Installation von WordPress, da mehrere zusätzliche Schritte erforderlich sind, damit XAMPP ordnungsgemäß funktioniert.
Installieren von WordPress (sowohl WampServer als auch XAMPP)
Gehen Sie zur WordPress-Download-Seite und klicken Sie auf die blaue Download-Schaltfläche. Es sollte Ihnen eine Zip-Datei geben, die beim Extrahieren einen Ordner „Wordpress” mit allen Dateien erstellt, damit WordPress funktioniert.
Verschieben Sie die heruntergeladene ZIP-Datei in den wwwOrdner (für WampServer) / htdocsOrdner (für XAMPP). Entpacken Sie die heruntergeladene ZIP-Datei. Wenn das Entpacken abgeschlossen ist, sollten Sie einen Unterordner „wordpress” in Ihrem Webserver-Ordner haben. Das bedeutet, dass WordPress über die URL http://localhost/wordpress/ (für WampServer) / http://localhost:8080/wordpress/ für (XAMPP) erreichbar sein wird. Sie können den Ordner jedoch umbenennen, wenn Sie möchten.
Der nächste Schritt ist das Erstellen einer Datenbank für WordPress. Sowohl WampServer als auch XAMPP installieren automatisch phpMyAdmin, damit Sie auf die Datenbanken zugreifen können. Für WampServer: Klicken Sie auf das WampServer-Symbol im Systray und dann auf „phpMyAdmin” oder gehen Sie zur URL http://localhost/phpmyadmin. Für XAMPP: Greifen Sie auf phpMyAdmin zu, indem Sie entweder zur URL http://localhost:8080/phpmyadmin gehen oder indem Sie auf den Menüpunkt „phpMyAdmin” oben rechts auf der Willkommensseite von XAMPP unter http://localhost:8080 klicken. Melden Sie sich mit dem Benutzernamen ‚root’ und einem leeren Passwort an (beide Webserver).
Klicken Sie in der linken Seitenleiste auf „Neu”, um eine neue Datenbank zu erstellen. Geben Sie Ihre gewünschte Datenbank (z. B. „wordpress”) und die Datenbanksortierung ein (utf8_general_ciist eine gute Wahl).
Nachdem die Datenbank erstellt wurde, können Sie phpMyAdmin schließen. Der nächste Schritt ist das Einrichten der WordPress-Konfigurationsdatei.
Navigieren Sie zu Ihrem WordPress-Ordner. Erstellen Sie eine Kopie der Datei wp-config-sample.phpund benennen Sie die Kopie in wp-config.php. Öffnen wp-config.phpund bearbeiten Sie die folgenden Zeilen (vorausgesetzt, Ihr Datenbankname ist ‘ wordpress‘);
define( 'DB_NAME', 'wordpress' );define( 'DB_USER', 'root' );define( 'DB_PASSWORD', '' );
Lassen Sie den Rest unverändert, speichern und schließen Sie die Datei.
Navigieren Sie in Ihrem Browser zu http://localhost/wordpress/ (WampServer) / http://localhost:8080/wordpress/ (XAMPP) – oder zu dem Ordner, in dem Sie WordPress entpackt haben. Sie sollten mit dem WordPress-Setup-Bildschirm begrüßt werden. Folgen Sie den Schritten, um Ihre WordPress-Installation zu konfigurieren.
Für Windows/WampServer- Benutzer haben Sie WordPress jetzt erfolgreich installiert! Wenn Sie auf Probleme stoßen, sehen Sie sich den Abschnitt „ Mögliche Probleme und Lösungen für WampServer ” an.
Für MaxOS/XAMPP- Benutzer gibt es leider einige zusätzliche Schritte, damit WordPress richtig funktioniert – bitte fahren Sie mit dem nächsten Schritt fort.
Behebung von Problemen beim Ausführen von WordPress auf XAMPP
Die Installation von Plugins/Themes fragt nach FTP-Informationen
Wenn Sie versuchen, ein Plugin zu installieren, erhalten Sie möglicherweise dieses Dialogfeld, in dem Sie nach FTP-Anmeldeinformationen gefragt werden:
Die Lösung, die ich gefunden habe, um dies zu beheben, ist das Bearbeiten Ihrer wp-config.phpDatei. Direkt nach der WP_DEBUGDefinition fügen Sie diese Zeile hinzu
define( 'FS_METHOD', 'direct' );Speichern und schließen Sie die wp-config.phpDatei. WordPress fragt nicht mehr nach FTP-Informationen, aber Plugins können immer noch nicht installiert werden. Sie erhalten höchstwahrscheinlich „Installation fehlgeschlagen. Verzeichnis konnte nicht erstellt werden”. Dies geschieht aufgrund falscher Eigentumsrechte und Berechtigungen für die Dateien und Ordner.
Installation von Plugins/Themes schlägt fehl mit „Verzeichnis konnte nicht erstellt werden”
Um dies zu beheben, öffnen Sie den Finder, klicken Sie mit der rechten Maustaste auf Ihren htdocsOrdner und klicken Sie auf „Informationen abrufen”. Klicken Sie unten im Fenster auf „Freigabe & Berechtigungen”, um es zu erweitern. Klicken Sie auf das Vorhängeschloss-Symbol und geben Sie Ihr Admin-Passwort ein, um Zugang zum Ändern der Einstellungen zu erhalten. Setzen Sie bei „Jeder” die Berechtigung auf „Lesen & Schreiben”. Klicken Sie dann auf das Zahnrad-Symbol und wählen Sie „Auf beiliegende Artikel anwenden…”. Klicken Sie im Dialogfeld auf OK.
Der letzte Schritt ist das Ändern der Berechtigungen für die Dateien und Ordner mithilfe von chmod. Öffnen Sie das Terminal (Befehlstaste + Leertaste, geben Sie „Terminal” ein und drücken Sie die Eingabetaste). Schreiben Sie an der Eingabeaufforderung „ cd” (einschließlich eines Leerzeichens danach) und ziehen Sie dann den Ordner Finder htdocs in das Terminalfenster und klicken Sie auf die Eingabetaste. Andernfalls müssen Sie den vollständigen Pfad zum htdocs-Ordner eingeben (siehe graues Kästchen oben). Sobald Sie sich im Ordner htdocs befinden, geben Sie diesen Befehl ein und klicken Sie auf die Eingabetaste:
sudo chmod -R 0777 *Wenn Sie nach Ihrem Admin-Passwort gefragt werden, geben Sie dieses ein und klicken Sie auf Enter. Die Eingabeaufforderung sollte eine Weile bestehen bleiben und plötzlich zu einer neuen Eingabeaufforderung aktualisiert werden, wenn sie fertig ist.
Aktualisieren Sie Ihre WordPress-Admin-Seite und Sie sollten WordPress jetzt wie gewohnt verwenden können!
Mögliche Probleme und Fehlerbehebungen für WampServer
Das WampServer-Symbol im Systray ist orange und wird nie grün
Probieren Sie http://localhost/ trotzdem in einem Browser aus. Wenn es funktioniert, bedeutet dies wahrscheinlich, dass WampServer mit mehr Diensten eingerichtet ist, als Sie benötigen. Sie benötigen lediglich Apache (Webserver) und MySQL (Datenbank). Ich habe die Erfahrung gemacht, dass WampServer standardmäßig auch versucht, MariaDB (einen anderen Datenbankdienst) zu starten. Da MariaDB aber nicht gestartet werden kann, bleibt das Icon orange – obwohl Apache und MySQL laufen. Entfernen Sie in diesem Fall den MariaDB-Dienst.
Localhost funktioniert nicht
Das kann leider viele Gründe haben. Ich würde damit beginnen, zu prüfen, ob sowohl der Apache- als auch der MySQL-Dienst überhaupt laufen. Klicken Sie auf das WampServer-Symbol in der Taskleiste > Apache > Dienstverwaltung. Wenn „Dienst starten/fortsetzen” grün und anklickbar ist, bedeutet dies, dass Apache derzeit nicht ausgeführt wird.
Wenn Apache nicht läuft, versuchen Sie, im selben Menü auf „Dienst installieren” zu klicken. Sie sollten eine Eingabeaufforderung erhalten, die entweder zeigt, dass Apache erfolgreich eingerichtet wurde, oder Sie erhalten eine Eingabeaufforderung, warum es nicht funktioniert.
In den meisten Fällen kann Apache nicht starten, da Port 80 von einem anderen Programm belegt ist. Überprüfen Sie, ob Sie Skype installiert haben. Googlen Sie, wie Sie Skype konfigurieren, um den Port 80 nicht zu belegen, und versuchen Sie es erneut mit WampServer.
Hübsche Permalinks funktionieren in WordPress nicht
Benutzerdefinierte (hübsche) Permalinks in WordPress erfordern die Installation des Moduls „ rewrite_module” auf Ihrem Webserver. Klicken Sie auf das WampServer-Symbol in der Taskleiste > Apache > Apache-Module – und suchen und klicken Sie in der langen Liste auf „ rewrite_module“. WampServer installiert das Modul und startet den Apache-Webserver automatisch neu.
Meine maximale Upload-Größe in der Medienbibliothek beträgt nur 2 MB
Standardmäßig setzt WampServer die maximale Datei-Upload-Größe auf 2 MB. Diese ist oft zu klein, um größere Bilder in die Mediathek hochzuladen. Um das zu beheben, müssen wir die Apache- php.iniDatei ändern. Klicken Sie auf das WampServer-Symbol > PHP > php.ini. Es sollte die Datei in Ihrem Standard-Textbearbeitungsprogramm öffnen.
Suchen Sie nach „upload_max_filesize” und erhöhen Sie den M-Wert (Mb) in etwa so:
upload_max_filesize = 50M
Ich empfehle auch, eine weitere Sache zu ändern. Suchen Sie nach „post_max_size”. Erhöhen Sie den M-Wert (Mb) so, dass die Zeile ungefähr so aussieht:
post_max_size = 50M
Schließen Sie die Datei und starten Sie Apache neu.