Anleitung für Anfänger zur Verwendung von Git mit WordPress

Wir verwenden Git und GitHub, um unsere Websites und Plugins zu verwalten. Es ist eines dieser Werkzeuge, das im Hintergrund alles organisiert.

Im Laufe der Zeit haben wir festgestellt, dass es die Verwaltung von WordPress Websites so viel einfacher macht. Es verfolgt jede Änderung, ob groß oder klein, so dass Sie immer eine klare Aufzeichnung dessen haben, was getan wurde.

Betrachten Sie Git als ein Sicherheitsnetz für Ihre Website. Sie können frei experimentieren und wissen, dass Sie immer zu einer stabilen Version zurückkehren können, wenn etwas nicht funktioniert.

Wenn Sie mit einem Team arbeiten, hilft Git allen, auf dem Laufenden zu bleiben. Es ist wie ein gemeinsames Notizbuch, in dem alle Ihre Aktualisierungen gespeichert werden, sodass nichts verloren geht oder überschrieben wird.

In diesem Leitfaden führen wir Sie durch die Grundlagen der Verwendung von Git mit WordPress und zeigen Ihnen Schritt für Schritt, wie Sie beginnen können.

Hier finden Sie einen Überblick über alles, was wir in diesem Leitfaden behandeln werden. Sie können auf die Links unten klicken, um zu einem beliebigen Abschnitt zu springen:

Was ist Git?

Git steht für Global Information Tracker. Es ist ein Versionskontrollsystem, das Ihnen hilft, die Änderungen an Ihrem Code oder Ihren Dateien im Laufe der Zeit zu verfolgen.

Alles wird in einem Ordner gespeichert, der Repository oder kurz Repo genannt wird. Betrachten Sie es als einen Hauptordner, in dem Git alle Projektdateien überwacht.

Git wird hauptsächlich von Entwicklern verwendet, die an verschiedenen Softwareentwicklungsprojekten arbeiten. Damit können mehrere Personen die Hauptcodebasis auf ihre Computer kopieren.

Jede Person kann lokal Änderungen vornehmen, ohne die Originaldateien zu berühren. Sobald sie fertig sind, können sie ihre Aktualisierungen an eine Plattform wie GitHub übermitteln, die die Verwaltung und Organisation der Teambeiträge erleichtert.

Git vs. GitHub – Was ist der Unterschied?

Ein häufiger Punkt der Verwirrung ist der Unterschied zwischen Git und GitHub. Wenn Sie gerade erst anfangen, ist es leicht, sie zu verwechseln.

Git ist das Werkzeug, das Änderungen an Ihrem Code verfolgt. Es ermöglicht Ihnen, diese Änderungen in Repositories zu organisieren, egal ob Sie alleine oder mit anderen zusammenarbeiten.

GitHub ist eine Online-Plattform, auf der Sie Git Repositories speichern und gemeinsam nutzen können. Das macht die Zusammenarbeit einfacher, vor allem, wenn Sie mit einem Team arbeiten.

Sie können Git ohne GitHub verwenden, indem Sie alles auf Ihrem eigenen Computer speichern. Aber GitHub funktioniert nicht ohne Git – es ist vollständig darauf angewiesen.

Es gibt auch andere Git Hosts Dienste, wie Bitbucket, Launchpad und Assembla. Aber GitHub ist dank seiner zusätzlichen Funktionen und der übersichtlichen Oberfläche am beliebtesten.

Es ist besonders hilfreich für Teams und Fernarbeiter, die große Projekte verwalten. Sie können jede Änderung verfolgen, Kommentare hinterlassen und bei Bedarf zu früheren Versionen zurückkehren.

Und da alles in der Cloud gespeichert ist, geht Ihre Arbeit auch nicht verloren, wenn Ihr Computer abstürzt oder verloren geht.

Als Nächstes werden wir uns ansehen, wann es sinnvoll ist, Git und GitHub für die Entwicklung von WordPress zu verwenden.

Wie man Git und GitHub für die WordPress-Entwicklung verwendet

Wir verwenden Git und GitHub hauptsächlich bei der Erstellung individueller WordPress Plugins und Websites. Sie helfen uns, Ordnung zu halten, während wir an verschiedenen Versionen und Updates arbeiten.

Wenn Sie an einem neuen Theme arbeiten oder eines für einen Kunden individuell anpassen, kann GitHub die gesamte Codebasis enthalten. Sie können das Theme-Repository klonen, Ihre Änderungen vornehmen und es auf Ihrer lokalen Website testen, bevor Sie etwas an der Live-Version ändern.

Wenn alles gut aussieht, pushen Sie die Änderungen einfach auf GitHub. Von dort aus können Sie das Theme auf Ihrer eigentlichen WordPress Website aktualisieren.

Das Gleiche gilt für die Entwicklung von Plugins. Ob Sie ein Plugin von Grund auf neu erstellen oder an Verbesserungen arbeiten, mit Git und GitHub haben Sie die Kontrolle über jede Änderung.

Sie eignen sich auch hervorragend für Open-Source-Projekte. Jeder kann das Plugin Repo forken, an Fehlerbehebungen oder neuen Funktionen arbeiten und seine Beiträge mit einem Pull Request einreichen.

Sie können GitHub sogar nutzen, um WordPress Plugins oder Themes herunterzuladen und sie manuell zu installieren. Denken Sie nur daran, dass GitHub nicht so funktioniert wie Werkzeuge zum Speichern in der Cloud wie Dropbox oder Google Drive.

Als Nächstes zeigen wir Ihnen, wie Sie eine lokale Plugin-Datei ändern und Schritt für Schritt auf GitHub hochladen können.

Einrichten einer lokalen WordPress-Umgebung für Git

Bevor Sie Git und GitHub verwenden, sollten Sie eine lokale WordPress-Umgebung erstellen. Hier können Sie an Ihrem Projekt arbeiten, Änderungen an einer WordPress-Website vornehmen, Ihren neuen Code ausprobieren und die Entwicklung von Plugins und Themes testen.

Eine lokale Umgebung stellt sicher, dass Ihre Live-Website von den Änderungen nicht betroffen ist, bis Sie sie einsetzen. Falls etwas schief geht, können Sie auf Ihrer lokalen Website Änderungen vornehmen und den Code debuggen.

Für den Anfang können Sie eine lokale Websoftware verwenden, mit der Sie lokale Websites auf Ihrem Computer hosten können, anstatt einen Staging- oder Live-Server zu verwenden.

Software wie Local WP (früher bekannt als Local by Flywheel), MAMP, XAMPP und WampServer eignen sich hervorragend für die Erstellung lokaler Umgebungen. Sie sind kostenlos nutzbar und sehr einfach einzurichten.

Weitere Informationen finden Sie in unseren Anleitungen zur Installation von WordPress auf einem Windows-Computer und zur lokalen Installation von WordPress auf einem Mac.

Lokale Installation von Git und Erstellen eines Repositorys

Wenn Ihre lokale Umgebung fertig ist, müssen Sie als Nächstes Git herunterladen und auf Ihrem Computer installieren.

Doch bevor Sie das tun, sollten Sie prüfen, ob Git bereits auf Ihrem Rechner installiert ist. Denn auf den neuesten macOS- und Linux-Geräten ist Git bereits vorinstalliert.

Geben Sie einfach den Befehl git -version im “Terminal” auf einem Mac oder Linux-Rechner ein, um zu beginnen. Auf einem Windows-Gerät können Sie die Eingabeaufforderung öffnen und den Befehl git version eingeben.

Wenn Git vorinstalliert ist, sollten Sie die Versionsnummer von Git sehen. Wenn es noch nicht installiert ist, sehen Sie nichts oder erhalten eine Fehlermeldung über einen unbekannten Befehl. Das bedeutet, dass Sie Git auf Ihrem Rechner installieren müssen.

Zunächst müssen Sie die Git-Website besuchen und den Abschnitt “Downloads” aufrufen.

Auf dem nächsten Bildschirm finden Sie Links für Mac, Windows und Linux/Unix.

Klicken Sie auf den Link für das Betriebssystem Ihres Geräts, um Git herunterzuladen.

Nachdem Sie Git von der Website heruntergeladen haben, können Sie den Installationsassistenten starten.

Klicken Sie auf die Schaltfläche “Weiter” und folgen Sie den Anweisungen auf dem Bildschirm, um den Installationsvorgang abzuschließen.

Sobald die Installation abgeschlossen ist, können Sie Git starten.

Danach geben Sie einfach git version ein, um zu überprüfen, ob die Software korrekt installiert ist.

Nachdem Git nun auf Ihrem System einsatzbereit ist, müssen Sie als Nächstes ein lokales Git-Repository erstellen, in dem Sie Änderungen an den Dateien Ihrer WordPress-Site vornehmen können, bevor Sie sie an GitHub weiterleiten.

Navigieren Sie zunächst zu den lokalen Website-Dateien auf Ihrem Computer. Suchen Sie von hier aus den Ordner “wp-content” und gehen Sie dann zu dem Plugin- oder Themenordner, an dem Sie gerade arbeiten. Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle innerhalb des Ordners und wählen Sie die Option “Git-Bash hier öffnen”.

Dadurch wird die Git-Software auf Ihrem Computer geöffnet.

Geben Sie einfach den folgenden Befehl ein und drücken Sie die Enter- oder Return-Taste auf Ihrer Tastatur.

Danach müssen Sie den folgenden Befehl eingeben, um die Dateiänderungen durchzuführen.

Drücken Sie anschließend die Eingabetaste oder den Zeilenschalter.

Als Nächstes können Sie eine Nachricht zu Ihrem Projektarchiv hinzufügen, indem Sie den folgenden Befehl eingeben.

Vergessen Sie nicht, die Nachricht durch einen beliebigen Text zu ersetzen. Auf diese Weise können Sie Notizen zu den spezifischen Änderungen machen, die Sie in der Repo vorgenommen haben.

Drücken Sie danach einfach die Enter- oder Return-Taste auf Ihrer Tastatur.

Sie sollten nun einen versteckten ‘.git’-Ordner in Ihren lokalen WordPress-Theme-Dateien sehen.

Erstellen des GitHub-Repositorys und Übertragen von Änderungen

Als nächstes können Sie sich auf der GitHub-Website für ein kostenloses Konto anmelden.

Geben Sie dazu einfach Ihre E-Mail-Adresse ein und klicken Sie auf die Schaltfläche “Für GitHub anmelden”.

Auf dem nächsten Bildschirm müssen Sie Details eingeben, um ein neues Konto zu erstellen.

Erstellen Sie zum Beispiel ein Passwort, geben Sie einen Benutzernamen ein und überprüfen Sie Ihre E-Mail-Einstellungen.

Wenn Sie nach unten scrollen, werden Sie von GitHub aufgefordert, ein Rätsel zu lösen, um Ihr Konto zu verifizieren.

Es ist vergleichbar mit reCAPTCHA auf Ihrer Website.

Sobald Ihr Konto eingerichtet ist, sehen Sie das GitHub-Dashboard.

Klicken Sie auf das “+”-Zeichen am oberen Rand und wählen Sie die Option “Neues Repository”.

Danach können Sie einen Namen für Ihr Repository eingeben.

Es gibt auch die Möglichkeit, eine Beschreibung hinzuzufügen und das Repository öffentlich oder privat zu machen.

Wenn Sie nach unten scrollen, sehen Sie weitere Optionen, wie das Hinzufügen einer README-Datei und die Auswahl einer Lizenz.

Sobald Sie alle Details eingegeben haben, klicken Sie auf die Schaltfläche “Repository erstellen”.

Nachdem Sie das Repository erstellt haben, müssen Sie seine URL kopieren.

Sie finden den Link unter dem Abschnitt Schnelleinrichtung.

Als nächstes müssen Sie Git Bash auf Ihrem Computer öffnen.

Geben Sie hier einfach den folgenden Befehl ein und drücken Sie die Eingabetaste oder den Zeilenschalter.

Vergessen Sie nicht, die URL durch den Link zu Ihrem Repository zu ersetzen.

Danach können Sie den folgenden Befehl eingeben.

Dadurch wird das lokale Repository an das entfernte Repository auf GitHub gesendet.

Als Nächstes werden Sie möglicherweise aufgefordert, Ihr GitHub-Konto zu verbinden, wenn es noch nicht mit Git verbunden ist. Melden Sie sich einfach bei Ihrem Konto an und autorisieren Sie Git für die Verbindung.

Jetzt können Sie das GitHub-Repository öffnen und die lokalen Dateien sehen, die Sie gerade bearbeitet haben.

Nachdem die lokalen Dateien auf GitHub gepusht wurden, können andere Nutzer die Datei bearbeiten und weitere Änderungen am Plugin oder Theme vornehmen.

Wenn Sie diese Updates aus einem GitHub-Repository für Ihre lokale Website-Einrichtung abrufen müssen, müssen Sie den Plugin-Ordner auf Ihrem Computer öffnen, mit der rechten Maustaste auf eine beliebige Stelle klicken und Git Bash öffnen.

Geben Sie dann den folgenden Befehl ein und drücken Sie die Eingabe- oder Return-Taste.

Vergessen Sie nicht, die URL durch den Link zum GitHub-Repository zu ersetzen.

Sie können nun diese Schritte wiederholen, um die WordPress-Entwicklung mit Git und GitHub zu starten.

Sobald Sie die Änderungen an den lokalen Dateien vorgenommen haben, müssen Sie sie auf die Live-Site übertragen.

Bereitstellen von GitHub-Themes und -Plugins auf einer Live-WordPress-Website

Nachdem Sie die Entwicklung eines WordPress-Plugins oder -Themes abgeschlossen haben, ist der letzte Schritt die Bereitstellung auf Ihrer Live-Website.

Nun können Sie Git verwenden und verschiedene Befehle ausführen, um Ihre Änderungen auf die WordPress-Website zu übertragen. Es gibt jedoch einen einfacheren Weg, indem Sie ein WordPress-Github-Plugin wie WP Pusher verwenden.

Zunächst müssen Sie die WP Pusher-Website besuchen und auf die Schaltfläche “Herunterladen” klicken.

Laden Sie anschließend die WP Pusher-Plugin-Dateien herunter und speichern Sie sie auf Ihrem Computer.

Danach installieren und aktivieren Sie das WP Pusher-Plugin. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung können Sie WP Pusher über das WordPress-Dashboard aufrufen und zur Registerkarte “GitHub” wechseln.

Als nächstes öffnet sich ein neues Popup-Fenster, in dem Sie aufgefordert werden, WP Pusher zu erlauben, sich mit Ihrem GitHub-Konto zu verbinden.

Klicken Sie einfach auf die Schaltfläche “wppusher autorisieren”, um fortzufahren.

Von hier aus müssen Sie sich bei Ihrem GitHub-Konto anmelden.

Kopieren Sie anschließend einfach das GitHub-Token auf dem nächsten Bildschirm.

Gehen Sie nun zu den WP Pusher GitHub-Einstellungen und geben Sie den Token-Code ein.

Vergessen Sie nicht, auf die Schaltfläche “GitHub-Token speichern” zu klicken.

Sobald GitHub verbunden ist, können Sie alle Themes oder Plugins, die Sie auf GitHub hochgeladen haben, aus dem Repository auf Ihrer WordPress-Website installieren.

Gehen Sie zum Beispiel im WordPress-Administrationsbereich auf WP Pusher ” Plugin installieren und geben Sie die URL des Plugin-Repositorys ein.

Oder Sie klicken auf die Schaltfläche “Von GitHub auswählen”, woraufhin sich ein neues Popup-Fenster öffnet.

Kopieren Sie von hier aus einfach den Link zu Ihrem Plugin-Repository.

Nach der Eingabe der GitHub-Repository-URL können Sie weitere Details wie Repository-Zweig und Unterverzeichnis eingeben.

Als Nächstes müssen Sie nach unten scrollen und unten auf die Schaltfläche “Plugin installieren” klicken.

Sobald das Plugin installiert ist, müssen Sie es aktivieren.

Gehen Sie dazu einfach auf Plugins ” Installierte Plugins und navigieren Sie zu dem Plugin, das Sie gerade installiert haben. Von hier aus können Sie auf die Schaltfläche “Aktivieren” klicken.

Sie können nun das installierte Plugin auf Ihrer Website verwenden.

Auf ähnliche Weise können Sie in Ihrem WordPress-Dashboard unter WP Pusher auf Theme installieren gehen, um ein von Ihnen entwickeltes benutzerdefiniertes Theme mit demselben Verfahren einzurichten.

Installieren Sie WordPress Plugins und Themes von GitHub

Neben der Integration von WordPress mit Git und GitHub für die Entwicklung können Sie auch Plugin- und Themedateien erhalten, die in der WordPress.org-Bibliothek nicht mehr verfügbar sind.

WordPress-Entwickler erstellen normalerweise GitHub-Repositories für ihre Plugins und Themes. Sie können sie oft leicht auf GitHub finden, wenn sie in der Plugin- und Theme-Bibliothek von WordPress nicht verfügbar sind.

Öffnen Sie einfach GitHub und suchen Sie nach dem Plugin oder Theme, das Sie installieren möchten. Danach können Sie auf die Schaltfläche “Code” klicken und die Option “ZIP herunterladen” auswählen.

Auf diese Weise können Sie die Plugin-Dateien herunterladen und auf Ihrer Website installieren.

Weitere Details finden Sie in unserer Anleitung zur Installation von WordPress-Plugins und -Themes von GitHub.

Wichtige Git- und GitHub-Begriffe, die Sie kennen sollten

Sie werden auf verschiedene Git- und GitHub-Terminologien stoßen, wenn Sie beginnen, sie für die WordPress-Entwicklung und andere Zwecke zu nutzen. Im Folgenden finden Sie einige wichtige Begriffe, die Sie kennen sollten:

• Zweige – Ein Zweig ist wie ein paralleles Repository, das Sie erstellen können. Darin können Sie Änderungen vornehmen und frei arbeiten, ohne den Hauptzweig zu beeinflussen oder die Live-Version zu stören.
• Zusammenführen – Wenn Sie Änderungen aus einem Zweig übernehmen und auf einen anderen Zweig anwenden wollen, nennt man diesen Vorgang Zusammenführen. Die Zweige müssen sich jedoch im selben Repository befinden oder aus einem Fork stammen.
• Pull – Bezieht sich auf das Abrufen von Änderungen und deren Zusammenführung. Angenommen, jemand hat Änderungen an einer Datei im Repository vorgenommen. Sie können diese Änderungen in Ihre lokale Umgebung ziehen, um sicherzustellen, dass Ihre Dateien auf dem neuesten Stand sind.
• Pull Requests (PR) – Ein Pull Request ist ein Änderungsvorschlag eines Benutzers an ein Repository, der von einem anderen Repository-Mitarbeiter angenommen oder abgelehnt wird.
• Fork – Ein Fork ist eine persönliche Kopie des Repositorys eines anderen Benutzers, die Sie in Ihrem Konto haben. Sie können mit einem Fork Änderungen an einem Projekt vornehmen, ohne das ursprüngliche Repository zu beeinträchtigen.
• Commit – Ein Commit ist eine einzelne Änderung an einer Datei im Repository. Wenn Sie einen Commit durchführen, erstellt Git eine eindeutige ID, mit der Sie bestimmte Änderungen festhalten können. Es wird auch festgehalten, wer die Änderungen vorgenommen hat und wann sie vorgenommen wurden.
• Push – Push bedeutet, dass Sie Ihre Änderungen an ein entferntes Repository auf GitHub senden. Wenn Sie zum Beispiel lokal Änderungen an einer Datei vornehmen, können Sie diese pushen, damit auch andere darauf zugreifen können.

Bonus-Ressourcen

Wir freuen uns, wenn unsere Besucher, die Anfänger sind, zu Fortgeschrittenen werden und selbst Code schreiben wollen. Wenn Sie sich für WordPress-Programmierung und -Entwicklung interessieren, finden Sie hier ein paar Ressourcen, die Ihnen weiterhelfen werden.

• Nützliche WordPress Code-Snippets für Anfänger (Expertenauswahl)
• Wie man WordPress Theme-Änderungen mit GitHub und Deploy automatisch bereitstellt
• Beste WordPress-Entwicklungswerkzeuge (kostenlos + kostenpflichtig)
• Hinzufügen von Dummy-Inhalten für die Theme-Entwicklung in WordPress
• 19 Beste WordPress Starter Themes für Entwickler

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, die Verwendung von Git mit WordPress zu erlernen. Vielleicht interessieren Sie sich auch für unsere Auswahl der besten mobilen Apps für die Verwaltung Ihrer WordPress Website und die häufigsten Fehler in WordPress und wie Sie diese beheben können.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.