Wordpress-Entwicklung mit GitHub

Webseitenpflege per Versionsverwaltung Wordpress-Entwicklung mit GitHub

26.07.2021 Von Christian Rentrop 3 min Lesedauer

Anbieter zum Thema

Panduit logo2015-bp below aligned-TM.jpg (Panduit)

GitHub eignet sich auch für die Entwicklung von Wordpress-Sites, Plug-ins und Themes. Dazu müssen beide Dienste aber miteinander verbunden werden. Das ist zum Glück leicht zu bewerkstelligen – und bietet eine Reihe von Vorteilen.

Über den Umweg eines GitHub-Repositorys lassen sich komplette Wordpress-Installationen lokal und remote pflegen.(Bild: 200degrees / Pixabay) — Über den Umweg eines GitHub-Repositorys lassen sich komplette Wordpress-Installationen lokal und remote pflegen.
(Bild: 200degrees / Pixabay)

Wordpress ist nach wie vor das beliebteste Open-Source-CMS – und das nicht ohne Grund: Es gibt zahllose Plug-ins und Themes, die das Aufsetzen einer Wordpress-Seite zu einem Kinderspiel machen.

Für Entwickler und Entwicklerinnen bietet Wordpress ebenfalls enormes Potenzial: Durch die große Verbreitung lassen sich Premium-Plug-ins und -Themes auf Plattformen wie Envato oder über das Wordpress-Plug-in-System gut vermarkten und verkaufen. Das wiederum kann Unternehmen oder freien Web-Developern helfen, ein kleines Nebeneinkommen zu erwirtschaften – oder sogar das gesamte Geschäftsmodell auf Wordpress aufzubauen.

Bildergalerie

Eine Staging-Site ist schnell erstellt und hilft bei der Entwicklung.(Bild: Rentrop / Bitnami)

Das GitHub-Repo kann über die GitHub-App mit Staging-Site und GitHub verbunden werden.(Bild: Rentrop / GitHub)

Wordpress mit GitHub: Ein leistungsfähiges Team

Die Entwicklung von Wordpress-Zusätzen ist natürlich mit jedem Text-Editor möglich. Für die Pflege bietet sich hier jedoch – genau wie bei allen anderen Projekten – das Versionsmanagementsystem GitHub an.

Um sinnvoll mit GitHub für Wordpress zu entwickeln, ist es natürlich sinnvoll, beide Plattformen miteinander zu verbinden. Das geht natürlich im Live-Betrieb, deutlich einfacher ist aber das Aufsetzen einer Staging-Umgebung, wahlweise lokal oder auf dem Server, mit deren Hilfe reibungslos entwickelt werden kann, während die Live-Site zunächst unberührt bleibt.

Staging-Site erstellen

Eine Remote-Staging-System kann schnell mit Wordpress-Plug-in WP-Staging aus der bestehenden Seite gezogen werden. Eine lokale Staging-Umgebung für Wordpress lässt sich am einfachsten mit dem Wordpress-Stack von Bitnami aufsetzen: Dabei handelt es sich um einen lokalen XAMPP-Webserver, bei dem Wordpress bereits vorinstalliert ist und sich anschließend mit wenigen Handgriffen einrichten lässt.

Alternativ installiert XAMPP einen flexiblen lokalen LAMP/MAMP/WAMP-Server auf Windows, Mac- und Linux-Systemen, auf dem Wordpress lokal aufgesetzt werden kann. Auf Windows und macOS bietet sich zudem MAMP als Alternative an. Nach der Übertragung von Dateien und Datenbank kann es auch schon losgehen.

Wordpress-Staging und GitHub verbinden

Der nächste Schritt ist, Wordpress mit Github zu verbinden. Dazu muss zunächst ein GitHub-Repository für das neue Wordpress-Projekt auf GitHub erstellt werden. Anschließend kann das Repository mithilfe der GitHub-App in den Theme- oder Plug-in-Ordner des lokalen Wordpress-Staging-Site geklont werden. Dadurch wird das Theme bei Github direkt mit der Staging-Site verbunden.

Ist das Theme oder Plug-in bereits so weit entwickelt, dass es funktioniert, kann es auch direkt in der lokalen Wordpress-Installation aktiviert werden. Die Entwicklung erfolgt innerhalb des Theme- oder Plug-in-Verzeichnisses von Wordpress, die Änderungen werden bei Commit und Push automatisch auf GitHub übertragen.

Entwicklung auf die Live-Site übertragen

Die anschließende Entwicklung ist „business as usual“: Die Theme- oder Plug-in-Dateien lassen sich ohne Weiteres bearbeiten und synchronisieren. Soll ein Entwicklungsstand auf die Live-Site auf dem Webserver übertragen werden, kann wahlweise das Repo als ZIP geladen und in Wordpress hochgeladen werden.

Einfacher ist es aber, wenn auf dem Webserver schon Git installiert ist: Mit seiner Hilfe kann das Repo ganz einfach per Kommandozeile mit dem Befehl …

git clone https://github.com/{name}/{reponame}.git

… aus dem Theme- oder Plug-in-Verzeichnis auf die Live-Site gezogen werden. Nach dem Live-Schalten läuft das Theme oder Plug-in mit dem aktuellen Entwicklungsstand auch auf der Live-Site.

Die Weiterentwicklung findet davon unbeeinflusst auf der Staging-Umgebung statt. Um den jeweils neuesten Stand auf die Live-Site zu übertragen genügt es, aus dem Plug-in- oder Theme-Verzeichnis heraus per Kommandozeile git pull auszuführen. Die Aktualisierung wird dann übertragen.

Lokal entwickeln und testen, schnell live schalten

Natürlich können mit dieser Vorgehensweise auch komplette Wordpress-Installationen lokal und remote über den Umweg eines GitHub-Repositorys gepflegt werden. Dazu muss das Repo nur auf die Hauptebene der Staging-Site verweisen. Das hat den Vorteil, dass sich auch Änderungen an Systemdateien des Themes niederschlagen – ideal für Entwickler, die vorhandene Lösungen anpassen und nicht selbst erstellen.

Wer seine Themes und Plug-ins nicht öffentlich auf GitHub sehen möchte, kann diese natürlich auch privat schalten. Insgesamt ergibt sich durch diesen GitHub-Workflow ein solides Entwicklungssystem, mit dessen Hilfe die Live-Site schnell aktualisiert werden kann.

Jetzt Newsletter abonnieren

Täglich die wichtigsten Infos zu RZ- und Server-Technik

Geschäftliche E-Mail

Bitte geben Sie eine gültige E-Mailadresse ein.

Mit Klick auf „Newsletter abonnieren“ erkläre ich mich mit der Verarbeitung und Nutzung meiner Daten gemäß Einwilligungserklärung (bitte aufklappen für Details) einverstanden und akzeptiere die Nutzungsbedingungen. Weitere Informationen finde ich in unserer Datenschutzerklärung. Die Einwilligungserklärung bezieht sich u. a. auf die Zusendung von redaktionellen Newslettern per E-Mail und auf den Datenabgleich zu Marketingzwecken mit ausgewählten Werbepartnern (z. B. LinkedIn, Google, Meta).

Stand: 08.12.2025

Es ist für uns eine Selbstverständlichkeit, dass wir verantwortungsvoll mit Ihren personenbezogenen Daten umgehen. Sofern wir personenbezogene Daten von Ihnen erheben, verarbeiten wir diese unter Beachtung der geltenden Datenschutzvorschriften. Detaillierte Informationen finden Sie in unserer Datenschutzerklärung.

Einwilligung in die Verwendung von Daten zu Werbezwecken

Ich bin damit einverstanden, dass die Vogel IT-Medien GmbH, Max-Josef-Metzger-Straße 21, 86157 Augsburg, einschließlich aller mit ihr im Sinne der §§ 15 ff. AktG verbundenen Unternehmen (im weiteren: Vogel Communications Group) meine E-Mail-Adresse für die Zusendung von Newslettern und Werbung nutzt. Auflistungen der jeweils zugehörigen Unternehmen können hier abgerufen werden.

Der Newsletterinhalt erstreckt sich dabei auf Produkte und Dienstleistungen aller zuvor genannten Unternehmen, darunter beispielsweise Fachzeitschriften und Fachbücher, Veranstaltungen und Messen sowie veranstaltungsbezogene Produkte und Dienstleistungen, Print- und Digital-Mediaangebote und Services wie weitere (redaktionelle) Newsletter, Gewinnspiele, Lead-Kampagnen, Marktforschung im Online- und Offline-Bereich, fachspezifische Webportale und E-Learning-Angebote. Wenn auch meine persönliche Telefonnummer erhoben wurde, darf diese für die Unterbreitung von Angeboten der vorgenannten Produkte und Dienstleistungen der vorgenannten Unternehmen und Marktforschung genutzt werden.

Meine Einwilligung umfasst zudem die Verarbeitung meiner E-Mail-Adresse und Telefonnummer für den Datenabgleich zu Marketingzwecken mit ausgewählten Werbepartnern wie z.B. LinkedIN, Google und Meta. Hierfür darf die Vogel Communications Group die genannten Daten gehasht an Werbepartner übermitteln, die diese Daten dann nutzen, um feststellen zu können, ob ich ebenfalls Mitglied auf den besagten Werbepartnerportalen bin. Die Vogel Communications Group nutzt diese Funktion zu Zwecken des Retargeting (Upselling, Crossselling und Kundenbindung), der Generierung von sog. Lookalike Audiences zur Neukundengewinnung und als Ausschlussgrundlage für laufende Werbekampagnen. Weitere Informationen kann ich dem Abschnitt „Datenabgleich zu Marketingzwecken“ in der Datenschutzerklärung entnehmen.

Falls ich im Internet auf Portalen der Vogel Communications Group einschließlich deren mit ihr im Sinne der §§ 15 ff. AktG verbundenen Unternehmen geschützte Inhalte abrufe, muss ich mich mit weiteren Daten für den Zugang zu diesen Inhalten registrieren. Im Gegenzug für diesen gebührenlosen Zugang zu redaktionellen Inhalten dürfen meine Daten im Sinne dieser Einwilligung für die hier genannten Zwecke verwendet werden. Dies gilt nicht für den Datenabgleich zu Marketingzwecken.

Recht auf Widerruf

Mir ist bewusst, dass ich diese Einwilligung jederzeit für die Zukunft widerrufen kann. Durch meinen Widerruf wird die Rechtmäßigkeit der aufgrund meiner Einwilligung bis zum Widerruf erfolgten Verarbeitung nicht berührt. Um meinen Widerruf zu erklären, kann ich als eine Möglichkeit das unter https://contact.vogel.de abrufbare Kontaktformular nutzen. Sofern ich einzelne von mir abonnierte Newsletter nicht mehr erhalten möchte, kann ich darüber hinaus auch den am Ende eines Newsletters eingebundenen Abmeldelink anklicken. Weitere Informationen zu meinem Widerrufsrecht und dessen Ausübung sowie zu den Folgen meines Widerrufs finde ich in der Datenschutzerklärung.

Aktuellen Stand der Website regelmäßig in die lokale Staging-Umgebung ziehen

Um den jeweils aktuellen Stand der Wordpress-Installation, inklusive Datenbanken, in die Staging-Site zu ziehen, bietet sich BlogVault an: Das kostenpflichtige Plug-in zieht ein vollständiges Backup des jeweiligen Standes der Live-Site inklusive Datenbanken und spielt dieses auf Wunsch mithilfe seines Staging-Features automatisch in die Staging-Umgebung.

Entwicklerinnen und Entwickler können dadurch jederzeit auf den aktuellen Stand der Seite zugreifen, um Themes und Plug-ins passend zu entwickeln. Ganz nebenbei erhalten sie durch Einsatz von BlogVault natürlich auch eine zuverlässige Backup-Funktion.

(ID:47492144)