9 Fehler, die Sie bei der Entwicklung von WordPress-Plugins oder -Themes vermeiden sollten
Veröffentlicht: 2020-09-30Möchten Sie ein WordPress-Plugin oder -Theme erstellen? Denken Sie daran, dass eine erfolgreiche Plugin- und Themenentwicklung einige Versuche und Irrtümer beinhaltet. Selbst die erfahrensten Entwickler bringen gelegentlich ihren Code durcheinander, und obwohl es unmöglich ist, Fehler ganz zu vermeiden, gibt es einige häufige Fehler, die Sie leicht vermeiden können. Um Ihnen zu helfen, habe ich neun häufige Fehler gesammelt, die Sie bei der Entwicklung Ihres WordPress-Plugins oder -Themes vermeiden sollten.
Fehler Nr. 1: Abstriche an der Qualität zugunsten schneller Lösungen
Einige Entwickler versuchen, bei der Entwicklung eines kleinen Plugins oder Designs eine Abkürzung zu finden. Sie codieren uneinheitlich und versuchen, die einfachsten und schnellsten Lösungen zu finden.
Die Wahrheit ist jedoch, dass es keinen einfachen Weg gibt, ein fortschrittliches, gut funktionierendes Plugin oder Thema zu entwickeln. Einige Plugins und Themes lassen sich relativ schnell und einfach entwickeln. Beispielsweise wird es nicht viel Zeit in Anspruch nehmen, ein Plugin zu entwickeln, das alle Admin-Benachrichtigungen verbirgt, oder ein Plugin, das ein JavaScript-Snippet einfügt. Bei komplexeren Plugins oder Themes kann „Cheaten“ oder Kopieren jedoch zu einer schlechten Funktionalität führen und verschiedene Fehler und Leistungsmängel verursachen.
Es ist wichtig, die Best Practices der organisierten Codierung zu befolgen, selbst wenn Sie nur einen Plugin-/Theme-Prototypen erstellen. Denken Sie daran, dass viele der beliebtesten Produkte als Prototypen begannen. Wenn Sie sich für einen „Quick & Dirty“-Ansatz entscheiden, werden Sie vom ersten Tag an technische Schulden anhäufen.
Das Entwickeln von sauberem, gut geschriebenem und optimiertem Code wird Ihre Entwicklungszeit um 10-30 % verlängern, aber es lohnt sich auf lange Sicht definitiv. Am Ende des Tages erhalten Sie ein wartbares, leistungsstarkes und funktionales Plugin oder Design.
Fehler Nr. 2: Fehler beim Nachverfolgen von Codeänderungen
Das Versäumnis, Codeänderungen zu verfolgen, ist ein weiterer häufiger Fehler, den alle WordPress-Entwickler vermeiden sollten. Alle Themes und Plugins sollten unter Versionskontrolle verwaltet werden, unabhängig davon, ob Sie der einzige Entwickler des Projekts sind oder nicht.
Alle Themes und Plugins sollten unter Versionskontrolle verwaltet werden, unabhängig davon, ob Sie der einzige Entwickler des Projekts sind oder nicht.Tweet
Versionskontrollsysteme helfen Ihnen dabei, alle Änderungen aufzuzeichnen und nachzuverfolgen. Auf diese Weise können Sie und andere Entwickler am selben Projekt arbeiten, während sich ein Thema oder Plugin weiterentwickelt. Außerdem registrieren Versionskontrollsysteme wie Git alle Änderungen, die von jedem der Entwickler vorgenommen werden, was besonders praktisch ist, wenn man an einem großen Projekt arbeitet. Wenn Sie sich für die Verwendung von Git entscheiden, empfehle ich die Verwendung von GitFlow als gesunden Branching-Workflow für das Release-Management.
Fehler Nr. 3: Keine Verwendung von Namespaces
Namespaces sind nützlich, wenn Sie separate Regionen für Gruppen von Variablen, Klassen und Funktionen erstellen müssen. Dies verhindert Plugin-Konflikte, die vor den Versionen PHP 5.6 und höher bestanden und nicht über Namespaces kontrolliert werden konnten.
Hier ist ein Beispiel für einen Quellcode, der den Namespace namens geometry für JavaScript veranschaulicht. Diese Definition eines Pakets ermöglicht es, die Klasse Circle von anderen Klassen zu unterscheiden, die von anderen Programmierern definiert werden könnten.
namespace Geometry; class Circle { private $radius; public circle($r) { $radius = $r; } public get_radius() { return $radius; } public get_area() { return pi() * $radius * $radius; } }
Fehler Nr. 4: Verwenden Sie keine WordPress-Nonces
Die Einhaltung moderner Sicherheitspraktiken ist genauso wichtig wie die Gewährleistung der Funktionalität Ihres Plugins oder Designs. WordPress verwendet Nonces, um ein gewisses Maß an Schutz zu bieten, um die Authentizität von Anfragen zu validieren. Nonces sind besonders nützlich, um Cross-Site Request Forgery (CSRF)-Angriffe zu verhindern.
Verwenden Sie die folgende Funktion, um eine Nonce zu erstellen.
$nonce= wp_create_nonce( 'name');
Sehen Sie sich diese WordPress-Code-Referenz an, wenn Sie mit Nonces nicht vertraut sind.
Abonnieren Sie und holen Sie sich eine kostenlose Kopie unserer
WordPress Plugin Geschäftsbuch
Genau, wie man ein florierendes WordPress-Plugin-Geschäft in der Abonnementwirtschaft aufbaut.
Teilen Sie mit einem Freund
Geben Sie die E-Mail-Adresse Ihres Freundes ein. Wir schicken ihnen nur dieses Buch per E-Mail, Scout's Ehre.
Ich danke Ihnen für das Teilen
Großartig – eine Kopie von „The WordPress Plugin Business Book“ wurde gerade an gesendet . Möchten Sie uns helfen, das Wort noch mehr zu verbreiten? Los, teilen Sie das Buch mit Ihren Freunden und Kollegen.
Danke fürs Abonnieren!
- wir haben gerade Ihr Exemplar von 'The WordPress Plugin Business Book' an gesendet .
Haben Sie einen Tippfehler in Ihrer E-Mail? Klicken Sie hier, um die E-Mail-Adresse zu bearbeiten und erneut zu senden.
Abonnieren Sie und holen Sie sich eine kostenlose Kopie unserer
WordPress Plugin Geschäftsbuch
Genau, wie man ein florierendes WordPress-Plugin-Geschäft in der Abonnementwirtschaft aufbaut.
Teilen Sie mit einem Freund
Geben Sie die E-Mail-Adresse Ihres Freundes ein. Wir schicken ihnen nur dieses Buch per E-Mail, Scout's Ehre.
Ich danke Ihnen für das Teilen
Großartig – eine Kopie von „The WordPress Plugin Business Book“ wurde gerade an gesendet . Möchten Sie uns helfen, das Wort noch mehr zu verbreiten? Los, teilen Sie das Buch mit Ihren Freunden und Kollegen.
Danke fürs Abonnieren!
- wir haben gerade Ihr Exemplar von 'The WordPress Plugin Business Book' an gesendet .
Haben Sie einen Tippfehler in Ihrer E-Mail? Klicken Sie hier, um die E-Mail-Adresse zu bearbeiten und erneut zu senden.
Fehler Nr. 5: WordPress-Kernfunktionalität nicht nutzen
Viele Entwickler nutzen nicht das volle Potenzial der vorhandenen WordPress-Kernfunktionalität. Einige Themes und Plugins haben Dateien, die WordPress-Kerndateien entsprechen, wie Color Pickers und jQuery.
Das Erstellen zusätzlicher Dateien erhöht die endgültige Größe und Ladezeit des Pakets. Sie müssen diese Dateien regelmäßig pflegen und aktualisieren, was ebenfalls Zeit und Mühe kostet.
Indem Sie das nutzen, was WordPress zu bieten hat, können Sie leichtere und funktionalere Themen oder Plugins erstellen.
Fehler Nr. 6: Einreihen von JavaScript- und CSS-Dateien in die Warteschlange
Das Einreihen von JavaScript- und CSS-Dateien in die Warteschlange, wenn sie nicht benötigt werden, ist ein weiterer häufiger Fehler. Dies kann zu einer langsameren Ladezeit und einem schlechteren Suchmaschinenranking führen, da jede eingereihte Datei eine zusätzliche HTTP-Anforderung hinzufügt.
Fehler Nr. 7: Platzieren von JavaScript-Code in einer einzigen Hauptdatei für fortgeschrittene Themen
Wenn Sie ein JavaScript-lastiges Design für Fortgeschrittene entwickeln, ist es besser, JavaScript-Code nicht in einer einzigen Hauptdatei zu platzieren. Viele Entwickler entscheiden sich dafür, den JavaScript-Code des WordPress-Designs in einer Hauptdatei namens main.js, theme.js oder custom.js zu platzieren. Es gibt mehrere Gründe, warum Sie das nicht tun möchten. Erstens, wenn Ihr Thema schließlich wächst, wird auch die Größe der Datei zunehmen. Da diese Datei auf der gesamten Website geladen wird, dauert das Laden jeder Seite länger.
Zweitens erschwert das Erstellen einer einzelnen Datei die Verwaltung des Codes. Beispielsweise können Sie auf einigen Seiten keine Funktionen wie wp_dequeue_script() zum Entladen von Code platzieren, um die Geschwindigkeit zu verbessern.
Hier ist ein Video, das etwas mehr zu diesem Thema erklärt:
Beachten Sie, dass dieser Fehler nur für fortgeschrittene Themen mit einer komplexen JavaScript-Struktur relevant ist. Wenn Ihr Design in JavaScript einfacher und leichter ist, wird die Platzierung des JavaScript-Codes in der Hauptdatei die Funktionalität Ihres Designs nicht beeinträchtigen.
Fehler Nr. 8: Keine zusätzlichen Optionen zum Ändern von Code erstellen
Wenn eine automatische Aktualisierung direkt am Code durchgeführt wird, gehen alle manuellen Codeänderungen verloren, es sei denn, sie werden durch Aktionen und Filter geändert. Deshalb ist es so wichtig, Aktionen und Filter für Änderungen zu aktivieren.
Auf diese Weise können Sie und andere Entwickler Funktionen ändern, ohne das Plugin selbst oder das übergeordnete Design zu bearbeiten. Darüber hinaus können Sie die Filter und Aktionen verwenden, um dem übergeordneten Plugin oder Design zusätzliche Funktionen wie Erweiterungen oder Add-Ons hinzuzufügen.
Fehler Nr. 9: Versäumnis, moderne Code-Design-Praktiken anzuwenden
Das Versäumnis, die richtigen Code-Designpraktiken anzuwenden, ist der letzte Fehler, der unsere Liste abschließt. Die richtige Code-Organisation muss je nach Größe und Art Ihres Plugins gewählt werden.
Wenn Sie vorhaben, ein kleines Einzweck-Plugin zu erstellen, das später keine weitere Erweiterung erfordert, besteht keine Notwendigkeit, eine komplizierte Architektur mit verschiedenen Klassen zu verwenden.
Wenn Sie eine Plugin-Erweiterung erstellen, die mit anderen Plugins funktioniert, oder ein Plugin, das viel Code erfordert, ist es besser, den Ansatz der objektorientierten Programmierung (OOP) zu verwenden. Die Hauptidee hinter OOP ist das Anordnen von Code in Chunks, wie Klassen für eine bessere Organisation.
Außerdem empfehle ich nicht, PHP-Code und HTML-Code miteinander zu mischen. Es ist besser, sie mithilfe des Model-View-Controller (MVC)-Musters zu trennen, insbesondere wenn Ihr Plugin von mehreren Entwicklern verwaltet wird.
Imbiss
Wie Sie oben erfahren haben, sind die häufigsten Fehler normalerweise unbeabsichtigt, können jedoch zu ziemlich enttäuschenden Konsequenzen führen.
Rückblickend sind die häufigsten Fehler:
- Verzicht auf Qualität zugunsten schneller Lösungen
- Codeänderungen können nicht nachverfolgt werden
- Namespaces werden nicht verwendet
- Verwenden Sie keine WordPress-Nonces
- Keine Verwendung der WordPress-Kernfunktionalität
- Einreihen von JavaScript- und CSS-Dateien in die Warteschlange
- Platzieren von JavaScript-Code in einer einzigen Hauptdatei für fortgeschrittene Themen
- Fehler beim Erstellen zusätzlicher Optionen zum Ändern von Code
- Versäumnis, moderne Code-Design-Praktiken zu verwenden
Obwohl Fehler unvermeidlich sind, ist es jetzt, da Sie wissen, was sie sind, einfacher, sie zu vermeiden.
Haben Sie bei der Erstellung Ihres Themes oder Plugins weitere Fehler gemacht? Bitte teilen Sie Ihre Erfahrungen in den Kommentaren unten und verpassen Sie nicht diese anderen 5 Fehler, die Sie vermeiden sollten.
Mit Beiträgen von Alyse Falk.