WordPress- und GitHub-Integration

Die Entwicklung von Themes und Plugins für WordPress kann sowohl Spaß machen als auch lukrativ sein. Während es viele Möglichkeiten gibt, Ihren Workflow, Ihre Versionskontrolle und Ihren Speicher zu verwalten, können Sie Ihre Projekte auf die nächste Stufe heben, wenn Sie sich auf die besten verfügbaren Tools konzentrieren.

Glücklicherweise macht GitHub diese Aufgabe viel einfacher. Es ist ein beliebtes Open-Source-Code-Repository mit vielen wertvollen Tools für Entwickler. Außerdem ist es derzeit der weltweit größte Host von Open-Source-Code mit über 34 Millionen Benutzern und mehr als 100 Millionen Repositories.

Dieser Artikel bietet Ihnen eine vollständige Anleitung zur Integration Ihrer WordPress-Entwicklungsseite mit GitHub. Darüber hinaus sehen wir uns einige Plugins an, die Sie möglicherweise zu Ihrem Workflow hinzufügen möchten. Lassen Sie uns codieren!

So kombinieren Sie GitHub und WordPress (in 4 Schritten)

Um Ihre WordPress-Entwicklungsumgebung mit GitHub zu kombinieren, müssen Sie einige wichtige Schritte durchlaufen. Dies beginnt mit der Erstellung einer lokalen WordPress-GitHub-Umgebung. Dann fahren Sie mit der Installation von GitHub fort und erstellen Ihr erstes Repository.

Schritt 1: Erstellen Sie eine lokale WordPress-Umgebung

Wenn Sie vorhaben, für WordPress zu entwickeln, ist es am besten, eine qualitativ hochwertige, lokale Entwicklungsumgebung einzurichten. Hierfür empfehlen wir die Verwendung von Local:

Lokale Entwicklung bedeutet, dass Sie eine Umgebung erstellen können, die Ihren Produktionsserver nachahmt. Sie können Ihren Quellcode offline entwickeln und testen, ohne dass bereits laufende Elemente gestört werden.

Sobald Sie Ihre lokale Umgebung eingerichtet haben, stehen Ihnen alle erforderlichen Entwicklerfunktionen und -tools zur Verfügung. Um zu beginnen, können Sie Free Download auswählen! auf der Startseite und wählen Sie Ihr Betriebssystem:

Nachdem Sie das Softwarepaket heruntergeladen und den Installationsvorgang für Ihr System abgeschlossen haben, können Sie Local öffnen und mit der Einrichtung Ihrer lokalen Entwicklungssite beginnen. Wenn Sie dazu aufgefordert werden, klicken Sie auf Create a New Site :

Als Nächstes geben Sie den Namen Ihrer Entwicklungs-Site ein. Der Domänenname und der Pfad der lokalen Site werden automatisch ausgefüllt. Sie können jedoch die Option Durchsuchen verwenden, um bei Bedarf einen anderen lokalen Pfad für Ihre Site auszuwählen:

Sie haben auch die Option Site aus Blueprint erstellen . Das bedeutet, dass Sie, wenn Sie anfangen, mehrere Websites oder Entwicklungsprojekte anzuhäufen, Sätze von WordPress-Designs und Plugins zusammenstellen können, die Sie häufig verwenden. Durch die Verwendung von Blueprints können Sie dann schnell darauf zugreifen und sie laden, wenn Sie eine neue Entwicklungswebsite erstellen.

Nachdem Sie die Auswahl Ihres Domainnamens abgeschlossen haben, klicken Sie auf Weiter . Als Nächstes werden Sie aufgefordert, einen Benutzernamen und ein Passwort für Ihre lokale WordPress-Installation auszuwählen:

Sobald Ihre Entwicklungsumgebung fertig ist, sehen Sie einen Bildschirm mit einer Zusammenfassung der Informationen Ihrer neuen Website:

Dies ist das Haupt-Dashboard für alle lokalen Websites, die Sie mit Flywheel erstellen. Von hier aus können Sie den Status Ihrer Website schnell überprüfen, anzeigen und zu Ihrem WordPress-Admin-Dashboard wechseln, indem Sie Admin auswählen. Darüber hinaus können Sie Ihre WordPress-Datenbank, Sicherheits- und andere Dienstprogramminformationen einfach anzeigen.

Schritt 2: Installieren Sie GitHub

Um die Verwendung von GitHub mit WordPress zu ermöglichen, müssen Sie ein kostenloses GitHub-Konto erstellen und Git herunterladen und auf Ihrem lokalen Laufwerk installieren. Git ist das Open-Source-Versionskontrollsystem (VCS), das alle Workflows auf GitHub verarbeitet.

Sie haben zwei Möglichkeiten, was Sie zum Installieren und Konfigurieren von Git verwenden können. Wenn Sie mit der Verwendung eines Befehlszeilentools vertraut sind, ist dies eine Option. Alternativ können Sie den GitHub Desktop-Client verwenden:

Für diese Demonstration laden wir GitHub Desktop herunter und installieren es. Nachdem Sie die Dateien heruntergeladen und entpackt haben, müssen Sie sich mit Ihren GitHub-Informationen anmelden:

Wenn Sie mit der Funktionsweise von Git nicht vertraut sind, können Sie es sich als Mittelsmann in Ihrem Workflow vorstellen. Auf GitHub können Sie Ihr Projekt hosten, während Git die Funktion ist, die Ihr GitHub-Repository in Ihre lokale Entwicklungsumgebung zieht, damit Sie daran arbeiten können.

Wenn Sie fertig sind, können Sie die Änderungen mithilfe von Git an GitHub übertragen, sodass Ihre Dateien immer auf dem neuesten Stand sind.

Schritt 3: Erstellen Sie ein Repository

Jetzt, da Ihre lokale Umgebung einsatzbereit ist und WordPress und Git auf Ihrem Computer installiert sind, können Sie ein Repository für Ihr Projekt erstellen. Auf dem GitHub-Desktop können Sie Create a New Repository on Your Hard Drive (Neues Repository auf Ihrer Festplatte erstellen) auswählen:

Sie werden dann aufgefordert, Ihr neues lokales Repository zu konfigurieren:

Nachdem Sie Ihr Repository benannt und einige andere Einstellungen vorgenommen haben, z. B. bei Bedarf eine Lizenz auswählen, klicken Sie auf Repository erstellen . Sie sehen dann Ihr neues Repository in der Benutzeroberfläche von GitHub Desktop:

Dies ist die Befehlszentrale für Ihr Projekt. Von hier aus können Sie Änderungen festschreiben und Ihr Repository auf GitHub veröffentlichen. Darüber hinaus können Sie Repositories von der GitHub-Website erstellen:

Wenn Sie Ihr Repository auf diese Weise erstellen, können Sie die Funktion „Repository klonen“ in Ihrer Desktop-Oberfläche verwenden, um es in Ihre lokale Entwicklungsumgebung zu ziehen:

Nachdem Sie das Repository ausgewählt haben, das Sie von GitHub klonen möchten, und den lokalen Pfad festgelegt haben, klicken Sie auf Klonen , um die Aktion abzuschließen.

Schritt 4: Veröffentlichen Sie Ihr Repository

Sobald Sie Dateien zu Ihrem lokalen Repository-Ordner hinzugefügt haben, werden sie auf dem GitHub-Desktop angezeigt. Von dort aus können Sie Änderungen initiieren, Ihren Code-Editor öffnen und Ihr Repository auf GitHub veröffentlichen:

Nachdem Sie auf Repository veröffentlichen geklickt haben, werden Sie aufgefordert, eine Beschreibung hinzuzufügen und den Veröffentlichungsprozess abzuschließen:

Dann können Sie Ihr GitHub-Konto überprüfen, um sicherzustellen, dass Ihr Repository veröffentlicht wurde:

Während Sie Änderungen an Ihren Dateien vornehmen und diese in Ihrer WordPress-Umgebung „Local by Flywheel“ testen, können Sie Ihre Änderungen ganz einfach in GitHub Desktop festschreiben. Anschließend können Sie Ihre aktualisierten Repositories mit einem Klick auf GitHub veröffentlichen.

Github-Plugins für WordPress

Es gibt nicht viele Plugins für WordPress, die sinnvolle Funktionen für GitHub hinzufügen. Es sind einige neuere und ungeprüfte Plugins verfügbar, die darauf ausgelegt sind, Aktualisierungen Ihres Blogs über veröffentlichte Repositories zu ermöglichen. Es gibt jedoch zwei zuverlässige Optionen, die nützliche Funktionen für Entwickler bieten.

1. Github-Einbettung

Github Embed ist ein kostenloses WordPress-Plugin, mit dem Sie GitHub-Informationen auf Ihrer Website einbetten können. Sie können dies tun, indem Sie einen einfachen Link in Ihren WordPress-Seiten und -Beiträgen verwenden. Sobald Sie Ihren GitHub-Link auf Ihrer Website eingebettet haben, wird er aktualisiert, sobald Sie eine Änderung an diesem Repository vornehmen.

Dies ist besonders nützlich für Entwickler, die Themen und Plugins verkaufen. Mit diesem Tool können Sie Ihre Kunden ganz einfach über neue Änderungen, Probleme und Verbesserungen auf dem Laufenden halten.

2. GitHub-Updater

Es ist wichtig zu beachten, dass die Plugins und Themes, die Sie von GitHub herunterladen und zu Ihrer WordPress-Website hinzufügen, nicht für Updates markiert werden. Das bedeutet, dass Sie keine Benachrichtigung in Ihrem WordPress-Dashboard erhalten, wenn der Entwickler eine Änderung vornimmt.

Hier kann Ihnen das GitHub Updater-Plugin helfen. Es wurde entwickelt, um automatische Updates für GitHub-Themes und Plugins verfügbar zu machen. Einige GitHub-Entwickler verlangen sogar die Verwendung dieses Plugins, wenn Sie ihre Projekte auf Ihrer WordPress-Website installieren.

Nächste Schritte

An diesem Punkt sind Sie bereit, einen Git-Workflow zwischen Flywheel, WordPress und GitHub zu erstellen! Sie können Code von GitHub abrufen und Ihre eigenen Themen und Plugins erstellen oder zu aktuellen Projekten in der WordPress-Community beitragen.

Neben der Verbesserung Ihres Entwicklungsworkflows können Sie auch die vielen Funktionen und Tools von GitHub nutzen. Beispielsweise können Sie GitHub Pages verwenden, um Ihre Repositories direkt auf eine Live-Website zu übertragen. GitHub ist auch sehr effektiv für Projekte mit großen Teams, die alle am selben Projekt arbeiten.

Behalten Sie die Kontrolle mit WP Engine

Sich an GitHub zu orientieren und einen optimierten Entwicklungsablauf zu erreichen, kann für Ihre Projekte von entscheidender Bedeutung sein. Diese Plattform ist nicht nur ideal für Freiberufler, sondern trägt auch zur Innovation bei, die in Open-Source-Communities stattfindet.

Hier bei WP Engine glauben wir an die Kraft der Open-Source-Entwicklung. Aus diesem Grund arbeiten wir daran, die besten Entwicklerressourcen für WordPress-Benutzer bereitzustellen. Schauen Sie sich unsere Pläne für Ihr nächstes Projekt an!