...
✅ WEB- und WordPress-Nachrichten, Themen, Plugins. Hier teilen wir Tipps und beste Website-Lösungen.

WordPress-Theme-Tutorial für Anfänger – Teil 0.5: Lokale WordPress-Entwicklung einrichten

8

Diese Lektion wird schnell durchgehen, wie man eine lokale Entwicklungsumgebung einrichtet und WordPress darauf installiert, damit wir mit der Entwicklung unseres Themes beginnen können. Es ist für Sie, die noch nie eine Entwicklungsumgebung eingerichtet oder WordPress zu Test- oder Entwicklungszwecken lokal installiert haben. Wenn Sie bereits alles bereit haben, fahren Sie mit Teil 1 fort .

Das Einrichten eines Webentwicklungs-Stacks ist entscheidend und einfacher als Sie vielleicht denken. Zusamenfassend; Es ist ein Programm, das einen Webserver (normalerweise Apache) und eine Datenbank (normalerweise MySQL) auf Ihrem Computer installiert, damit Ihr Computer Websites bedienen kann. Es ist viel schneller und einfacher, Ihren Code "lokal" auf Ihrem Computer zu entwickeln und zu testen, als ihn ständig per FTP auf eine Domäne oder einen Server hochzuladen.

Bearbeiten: Ich habe hier eine aktualisierte und detailliertere Anleitung zum Einrichten eines lokalen WordPress erstellt !

Aufbau einer lokalen Entwicklungsumgebung

Es gibt mehrere kostenlose Programme, mit denen Sie Ihren Computer als Webserver einrichten können. Die gebräuchlichsten sind WampServer für Windows und XAMPP oder MAMP für Mac IOS. Stellen Sie bei Windows 64-Bit-Systemen sicher, dass Sie die 64-Bit-Version von WampServer installieren. Für IOS empfehle ich XAMPP, aber denken Sie daran, dass Sie höchstwahrscheinlich einige zusätzliche Schritte ausführen müssen, um die Berechtigungen des Entwicklungsordners zu ändern (der für WordPress erforderlich ist, um Plugins und mehr zu installieren).

WordPress-Theme-Tutorial für Anfänger – Teil 0.5: Lokale WordPress-Entwicklung einrichten

Laden Sie die Software herunter (Links oben) und führen Sie das Installationsprogramm aus. Sie müssen keine Details angeben, es sollte standardmäßig den Apache-Webserver und die MySQL-Datenbank installieren und ohne Änderungen problemlos funktionieren. Nachdem es fertig ist, öffnen Sie das Programm. Normalerweise wird beim Start des Programms ein Apache- und ein SQL-Server gestartet, ansonsten sollte ein Link zu „Alle Dienste starten” vorhanden sein.

WordPress-Theme-Tutorial für Anfänger – Teil 0.5: Lokale WordPress-Entwicklung einrichtenWordPress-Theme-Tutorial für Anfänger – Teil 0.5: Lokale WordPress-Entwicklung einrichten

Während Ihr Programm ausgeführt wird, sollten Sie in der Lage sein, zu Ihrem Browser zu gehen,, einzugeben localhostund die Willkommensseite für dieses Programm anzuzeigen. Denken Sie daran, dass Sie dieses Programm benötigen, um im Hintergrund zu laufen und alle Dienste auszuführen, während Sie entwickeln.

In WampServer können Sie auf das Symbol in der Taskleiste klicken und im Flyout-Menü „Alle Dienste starten” auswählen. In XAMPP hat das Programm eine Schaltfläche dafür in seiner Hauptschnittstelle.

Das Programm stellt Ihnen einen speziellen Ordner zur Verfügung, in dem Sie Ihre Webentwicklungsdateien ablegen können. Für WampServer ist das Standardverzeichnis der Unterordner wwwim Installationsverzeichnis des Programms; zum Beispiel C:wamp64www. Für XAMPP auf IOS finden Sie eine Verknüpfung zum Ordner htdocsdarin Programs > XAMPP > htdocs. In diesem Ordner können Sie alle PHP- oder Webdateien ablegen und über Ihren Browser darauf zugreifen, und dort werden Sie auch alle WordPress-Dateien ablegen.

WordPress installieren

Die Installation von WordPress ist wirklich einfach! Gehen Sie zur Download-Seite von WordPress.org und klicken Sie zum Herunterladen auf die große blaue Schaltfläche. Sie erhalten eine ZIP-Datei mit der aktuellen Version von WordPress in englischer Sprache.

Ich empfehle, dass Sie in Ihrem lokalen Entwicklungsordner einen Unterordner für WordPress erstellen (falls Sie mehrere Webentwicklungsprojekte oder mehrere WordPresses durchführen möchten). Für die Zwecke dieses Tutorials habe ich einen Unterordner mit dem Namen erstellt wordpress, also ist mein Pfad C:wamp64wwwwordpressdorthin (um auf diesen Ordner zuzugreifen, müsste ich localhost/wordpressin meinem Browser gehen).

1 Extrahieren Sie den ZIP-Inhalt Ihres heruntergeladenen WordPress an die gewünschte Stelle in Ihrer Entwicklungsumgebung.

Zweitens müssen Sie eine Datenbank in Ihrem lokalen SQL erstellen, damit WordPress alles darin installieren kann. Normalerweise können Sie PHPMyAdmin verwenden (wird standardmäßig mit WampServer und XAMPP installiert). Um auf PHPMyAdmin zuzugreifen, navigieren localhost/phpmyadminSie in Ihrem Browser zu. Sie sollten eine Anmeldeseite sehen. Standardmäßig ist der Benutzer rootund das Passwort leer.

WordPress-Theme-Tutorial für Anfänger – Teil 0.5: Lokale WordPress-Entwicklung einrichten

Je nachdem, welche Version von PHPMyAdmin Sie installiert haben, sollten Sie leicht einige Links finden, um eine neue Datenbank zu installieren; zum Beispiel „Neu” oben in der linken Seitenleiste. Entscheiden Sie sich für einen Datenbanknamen für Ihre WordPress-Installation (ich empfehle, den gleichen Namen wie für Ihren Ordner zu verwenden; zB wordpressoder etwas Aussagekräftigeres). Was den Sortierungstyp (das Dropdown-Menü) betrifft, empfehle ich die Verwendung von „ utf8_general_ci” (Sie müssen ziemlich weit nach unten scrollen, um ihn zu finden). Klicken Sie auf OK, und Sie können einfach die Registerkarte PHPMyAdmin schließen. Den Rest erledigt WordPress für Sie.

2 Melden Sie sich mit PHPMyAdmin bei Ihrer Datenbank an und erstellen Sie eine neue Datenbank mit dem von Ihnen gewählten Datenbanknamen und utf8 als Sortierungstyp.

Der letzte Schritt besteht darin, das WordPress-Installationsprogramm auszuführen, das den Rest für Sie erledigt.

3 Navigieren Sie in Ihrem Browser zu localhost/wordpress(oder wohin Sie WordPress extrahiert haben). Das WordPress-Installationsprogramm sollte erscheinen und Sie durch die Installation von WordPress führen.

Die Installationsanleitung fordert Sie auf, Ihren Datenbanknamen (geben Sie den oben erstellten ein), Ihren SQL-Benutzernamen und Ihr Passwort (standardmäßig „root” und leeres Passwort) einzugeben. Für alles andere können Sie die Standardwerte beibehalten oder Ihre gewünschten Variablen wie den Namen Ihrer Website festlegen und Ihre Anmeldeinformationen definieren.

Wenn die WordPress-Installationsanleitung fertig ist, sollten Sie jetzt ein vollständiges WordPress lokal installiert haben! Der Besuch localhost/wordpresssollte Ihnen Ihre Titelseite und der Besuch localhost/wordpress/wp-adminsollte Ihnen Ihr Admin-Panel geben.

Sie können jetzt mit der Entwicklung Ihres WordPress-Themes beginnen! Springen Sie direkt zu Teil 1: Einführung.

Aufnahmequelle: awhitepixel.com

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, Sie können sich jedoch abmelden, wenn Sie möchten. Annehmen Weiterlesen