Professionelle Wordpress Entwicklung

WordPress ist mit großem Abstand das beliebteste CMS weltweit. Die Möglichkeiten, wie man mit WordPress Seiten erstellen kann, sind vielfältig: Es gibt vorgefertigte Themes und Plugins sowie zahlreiche Pagebuilder. Auch der WordPress eigene Gutenberg Editor wird immer besser.

In diesem Artikel möchte ich einige Tools und Vorgehensweisen beschreiben, welche ich bei der Entwicklung mit WordPress einsetze.

Pagebuilder

In den letzten 5 Jahren habe ich zahlreiche Pagebuilder kennengelernt, aber wirklich geeignet für die professionelle Entwicklung ist wohl nur Bricks sowie Breakdance  . Allerdings haben auch diese Pagebuilder einige Nachteile. Vor allem das Schreiben von CSS und JS ist mit Pagebuilder umständlich und repetitiv. Zudem hat man in den Pagebuildern beim Programmieren keinen Zugriff auf AI Tools, welche die Arbeit erleichtern und durch Vervollständigen von Code die Entwicklung beschleunigen. Auch der Einsatz von CSS Frameworks ist mit Pagebuildern nicht möglich. Außerdem arbeite ich wesentlich lieber mit einem Code Editor. Aus diesen Gründen verwende ich meist keine Pagebuilder, sondern erstelle die Seiten mit ACF und eigenen Themes.

ACF - Advanced Custom Fields

ACF Homepage

ACF ist ein Plugin, welches es ermöglicht benutzerdefinierte Felder zu erstellen. Diese Felder können dann in den Seiten und Posts verwendet werden. Sämtliche Inhalte können über ACF Feldern erstellt und verwaltet werden. Es gibt zahlreiche Felder wie Text, WYSIWYG Editor, Links, Bilder sowie spezielle Felder wie Repeater oder das "Klon" Feld, welches es ermöglicht Inhalte zu klonen.

Im Gegensatz zur Verwendung eines Pagebuilders ist es im Backend von WordPress dann nur möglich, die Inhalte zu erstellen und zu ändern. Das Design der Seite wird größtenteils in den Themedateien definiert.

Die Vorteile dieser Methode:

• Trennung von Inhalt und Design
• Verwendung von Code Editor und AI Tools
• Es können CSS Frameworks wie Tailwind verwendet werden
• Wiederverwendbarkeit von Templates (Dies ist mit Pagebuildern zwar auch möglich, ist aber wesentlich umständlicher)
• Die Gefahr ist geringer, dass unbeabsichtigte Änderungen im Backend vorgenommen werden.

Ein Youtube Kurs, welcher zwar schon ein wenig älter ist, aber das Thema Theme-Entwicklung mit ACF sehr gut erklärt, findet man hier.

Tailwind

Ein Tool, welches ich bei der Theme-Entwicklung verwende, ist das CSS Framework Tailwind. Der Vorteil von Tailwind ist, dass man auf vordefinierte CSS Klassen zurückgreifen kann. Tailwind kommt meistens in Frontend Frameworks zum Einsatz, daher haben die meisten Wordpress Entwickler das Tool garnicht auf dem Radar, aber auch hier kann Tailwind eine große Hilfe sein. Die Einrichtung von Tailwind zusammen mit einem eigenen Theme ist ein bisschen tricky, hierzu werde ich demnächst noch einen Artikel schreiben. Bis dahin am besten claude oder eine andere AI deines Vertrauens fragen.

Backup und Migration

WordPress Entwicklung findet bei mir zum größten Teil auf meinem lokalen Rechner statt. Zum Übertragen der Dateien und Datenbank auf den Server verwende ich dann das Plugin Duplicator. Auch zum Erstellen von Backups kann man das Plugin verwenden. Es ist zwar eigentlich für die Migration von Wordpress Seiten gedacht, aber auch zum Erstellen von Backups geeignet. Mit anderen Plugins wie z.B. Updraft habe ich keine guten Erfahrungen gemacht.Backups sollten am besten auch durch den Hostingprovider täglich erstellt werden, hier sollte man sich nicht alleine auf Plugins verlassen.

Weitere Plugins

Hier noch eine kurze Liste von Plugins, welche ich bei der Entwicklung regelmäßig verwende und empfehlen kann:

• Cookie Banner: Complianz
• Kontaktformular: Contact Form 7
• Site-Speed: W3 Total Cache
• Duplicate Post: Duplicate Post
• SEO: Yoast SEO