Sie möchten eine erstellen WordPress Plugin ? In diesem Tutorial erfahren Sie, wie es geht.
Plugins tragen zur Popularität von WordPress bei, da sie es Benutzern ohne Programmierkenntnisse ermöglichen, erstaunliche Websites zu erstellen.
Es gibt über 50 Plugins in der rWordPress-Verzeichnis für verschiedene Zwecke konzipiert. Du wirst finden Wordpress-Plugins befolgen für Abonnement des Newsletters , Sicherheit et E-Commerce . Nennen Sie es einfach.
Ohne sie ist eine WordPress-Website nur eine Sammlung statischer Bilder und Textblöcke. Mit Plugins kann das Content-Management-System ein unglaubliches Maß an Individualisierung erreichen.
Egal, ob Sie ein benutzerdefiniertes Plugin für Ihre Website benötigen oder eines erstellen möchten WordPress Plugin und monetarisieren, los geht's.
Fragen fréquemment posées
Verdienen WordPress-Plugins Geld?
Ja. DER Wordpress-Plugins Geld einbringen. Sie können das Plugin auf Ihrer Website oder auf einem Marktplatz eines Drittanbieters verkaufen.
CodeCanyon, Themeforest und Mojo Marktplatz sind die 3 besten Websites, um Plugins zu verkaufen.
Sie können dem WordPress-Repository auch eine kostenlose Version Ihres Plugins hinzufügen und eine Premium-Version mit zusätzlichen Funktionen anbieten.
Ist es schwierig, WordPress-Plugins zu erstellen?
Die Schaffung eines WordPress Plugin ist relativ einfach und schwierig, abhängig von den gewünschten Funktionen.
Das Erstellen eines Plugins ist einfach, wenn Sie bereits mit den Grundlagen der WordPress-Entwicklung und der PHP-Programmierung vertraut sind. Wenn Sie es nicht sind, kann es sehr schwierig sein. Beginnen Sie am besten mit einem einfachen Plugin, wie in dieser Anleitung gezeigt.
Wie viel verdienen Plugin-Entwickler?
Laut Zip Recruiter der durchschnittliche Stundensatz für Entwickler Wordpress-Plugins In den Vereinigten Staaten beträgt der Stundenlohn 35 US-Dollar. Das entspricht etwa 72 US-Dollar pro Jahr und 000 US-Dollar pro Monat.
Wenn Sie Ihr Plugin verkaufen, können Sie je nach Anzahl der Verkäufe bis zu 5 US-Dollar pro Monat verdienen. Das Anbieten von Plugin-Anpassungsdiensten kann Ihnen zwischen 000 und 20 US-Dollar pro Stunde einbringen.
Was Sie brauchen, um ein WordPress-Plugin zu erstellen
Um ein Plugin zu erstellen, müssen Sie kein erfahrener WordPress-Entwickler sein. Sie benötigen nur einige grundlegende Programmierkenntnisse, um loszulegen.
- Grundkenntnisse in der PHP-Programmierung: WordPress-Plugins sind in PHP geschrieben, daher sollten Sie die Sprache und ihre Syntax verstehen, bevor Sie beginnen.
- Grundlegendes HTML und CSS: Mit HTML und CSS können Sie die Anzeige und das Erscheinungsbild Ihrer Plugins steuern. Es ist daher entscheidend, ihre Grundlagen zu verstehen, um ein WordPress-Plugin zu erstellen.
- Vertrautheit mit WordPress: Es ist nützlich, sich mit der WordPress-Plattform und ihren Hauptfunktionen sowie mit dem vertraut zu machen Wordpress Codex (das Online-Handbuch für die WordPress-Entwicklung).
- Eine Entwicklungsumgebung: Um Ihr Plugin zu entwickeln und zu testen, müssen Sie WordPress auf Ihrem lokalen Computer oder auf einer Entwicklungsseite installieren. Auf diese Weise können Sie Ihr Plugin testen, ohne eine Live-Website zu beeinträchtigen. Wie das geht, zeigen wir Ihnen im nächsten Abschnitt.
- Ein Texteditor: Sie benötigen einen Texteditor, um Ihren Plugin-Code zu schreiben. Viele Optionen sind verfügbar, wie Serhabener Text, Atom et Visual Studio Code.
So erstellen Sie ein WordPress-Plugin in 7 Schritten
Schritt 1: Verstehe, wie WordPress-Plugins funktionieren
Da WordPress in einer Programmiersprache geschrieben ist, kann jeder mit Programmierkenntnissen auf den WordPress-Code zugreifen und ihn ändern.
Genau so funktionieren Plugins. Sie ermöglichen es Ihnen, die Funktionalität von WordPress zu ändern und zu erweitern, indem Sie mithilfe bestimmter PHP-Funktionen direkt mit Ihrem WordPress interagieren.
Das Erstellen Ihres WordPress-Plugins und das Hinzufügen von Code bringt nur etwas, wenn Sie die PHP-Funktion mit einem Hook aufrufen. Hooks ermöglichen es Ihrem Plugin, mit WordPress zu interagieren, ohne Kerndateien bearbeiten zu müssen.
Schauen wir uns die Beziehung zwischen eckigen Klammern und Funktionen an, um die Grundlagen von WordPress-Plugins zu verstehen.
WordPress-Funktionen:
WordPress-Code basiert auf Funktionen, die es jedem Code von Drittanbietern ermöglichen, mit WordPress zu interagieren. Deshalb finden Sie viele Funktionen in Plugins und Themes. Jede Funktion hat ihren Namen, gefolgt von geschweiften Klammern und dem Code innerhalb der geschweiften Klammern.
Voici un exemple:
function sticky_header() {
?>
<script>
// Select the header element
var header = document.querySelector(‘header’);
// Get the offset position of the header
var sticky = header.offsetTop;
// Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position
function addSticky() {
if (window.pageYOffset > sticky) {
header.classList.add(“sticky”);
} else {
header.classList.remove(“sticky”);
}
}
// Add the sticky class to the header when you scroll the page
window.onscroll = function() {
addSticky();
};
</script>
<?php
}
add_action( ‘wp_footer’, ‘sticky_header’ );Sie können diese Funktion direkt in Ihrem WordPress-Plugin aufrufen, indem Sie sticky_header() dort eingeben, wo der Code ausgeführt werden soll. Aber es ist eine schlechte Praxis, weil Sie auf Probleme stoßen können. Hier sind zwei weitere Gründe, warum Sie Funktionen nicht direkt in Ihrem Code aufrufen sollten.
Erstens funktioniert der Direktaufruf nur für grundlegende Funktionen, wie das Hinzufügen von Inhalten zu einer Designdatei. Außerdem müssen Sie bei diesem Ansatz Funktionen mehrmals aufrufen, um sie an mehreren Stellen zu verwenden, was in Codedateien zeitaufwändig und umständlich ist.
Das manuelle Aufrufen einer Funktion kann auch schwierig sein, wenn Sie neu im Programmieren sind. Beim Erstellen von Plugins ist es am besten, sie an einen Haken zu hängen. Dadurch ersparen Sie sich den mehrfachen Aufruf der Funktion.
WordPress-Hooks:
Ein Hook ist ein bestimmter Punkt im WordPress-Code, an dem Sie Ihre eigenen benutzerdefinierten Funktionen ausführen können. Es gibt zwei Arten von Hooks: Action-Hooks und Filter-Hooks.
Aktionshaken
Aktionshaken ermöglichen es Ihnen, benutzerdefinierte Funktionen zu einem bestimmten Zeitpunkt im WordPress-Laufzyklus auszuführen. So sieht die Syntax eines Action Hooks aus.
add_action('hook_name', 'my_custom_function');Le Hook_Name ist der Name des Aktionshakens, den Sie verwenden möchten.
Es gibt mehrere Action-Hooks in WordPress. Sie finden sie im codex WordPress.
meine_benutzerdefinierte_funktion ist die Funktion, die den auszuführenden Code enthält. Diese Funktion muss vor der Funktion definiert werden add_action.
Die Syntax sieht so aus, um die obige Sticky-Header-Funktion an einen Hook anzuhängen.
add_action( 'wp_footer', 'sticky_header' );Diese Funktion führt die Funktion sticky_header() aus, wenn der Action-Hook wp_footer aufgerufen wird. Sie können die Funktion auch an einen bestimmten Hook anhängen, indem Sie wp_footer durch den Hook-Namen Ihrer Wahl ersetzen.
Beispielsweise:
add_action( 'init', 'sticky_header' );Dadurch wird die Sticky-Header-Funktion ausgeführt, wenn die WordPress-Init-Aktion aufgerufen wird.
Filterhaken
Mithilfe von Filter-Hooks können Sie Daten ändern, bevor sie angezeigt oder in der Datenbank gespeichert werden. Hier ist ein Beispiel für einen Filter-Hook, der den Titel eines Blogbeitrags in Großbuchstaben ändert.
add_filter( ‘the_title’, ‘uppercase_title’ );
function uppercase_title( $title ) {
return strtoupper( $title );
}Diese Funktion akzeptiert ein einzelnes Argument, $title, das der ursprüngliche Titel des Blogbeitrags ist.
Die Funktion verwendet dann die Funktion strtoupper() um den Titel in Großbuchstaben umzuwandeln und den geänderten Wert zurückzugeben.
Der Unterschied zwischen Action- und Filter-Hooks
Aktionshaken ermöglichen es Ihnen, benutzerdefinierte Funktionen zu einem bestimmten Zeitpunkt im WordPress-Laufzyklus auszuführen. Im obigen Beispiel der Aktionshaken wp_footer wird direkt vor dem Tag aufgerufen.
Filter-Hooks hingegen ermöglichen es Ihnen, Daten zu ändern, während sie durch die WordPress-Codebasis geleitet werden.
Wie im obigen Beispiel der Filterhaken der Titel ermöglicht es Ihnen, den Titel eines Blogbeitrags zu bearbeiten, bevor er auf der Website angezeigt wird.
Schritt 2: Richten Sie eine Testumgebung ein
Der zweite Schritt bei der Erstellung eines WordPress-Plugins ist die Einrichtung einer Test- oder Entwicklungsumgebung. Das Ziel ist es, das Experimentieren auf einer realen Website zu vermeiden.
Das Erstellen eines Plugins erfordert manchmal ein Hin und Her. Sie können auch Fehler machen, die Ihrer Website schaden.
Sie können Ihren Computer als lokalen Server verwenden, um eine WordPress-Testseite zu hosten, auf der Sie Ihr Plugin erstellen und testen können.
Wenn dein PlanUnterkunft unterstützt das Erstellen einer Test-Site, Sie können es auch verwenden. Wir werden hier die erste Lösung verwenden.
Um eine Testumgebung einzurichten, werden wir lokal herunterladen , ein Entwicklungstool zum lokalen Hosten von WordPress-Websites.
Sobald der Download abgeschlossen ist, starten Sie die Software auf Ihrem Computer und klicken Sie auf + Symbol unten links, um eine neue lokale Site zu erstellen.
Wähle aus Erstellen Sie eine neue Website und klicken Sie auf die Schaltfläche Fortfahren.
Befolgen Sie als Nächstes die Anweisungen auf dem Bildschirm, um Ihren Site-Namen hinzuzufügen, die Umgebung einzurichten und WordPress-Anmeldedaten zu erstellen.
Sobald Sie fertig sind. Klicken Sie auf die Schaltfläche Website hinzufügen. Nachdem Sie Ihre Website hinzugefügt haben, wählen Sie Ihre Website im lokalen Dashboard aus und starten Sie Ihr WordPress-Admin-Dashboard.
Sobald die Administrator-Anmeldeseite geöffnet wird, verwenden Sie die Nutzername und WordPress-Passwort die Sie oben erstellt haben, um auf Ihr Dashboard zuzugreifen.
Es ist fertig. Ihre Testumgebung ist bereit. Beginnen wir mit der Erstellung Ihres WordPress-Plugins.
Schritt 3: Erstellen Sie Ihren Plugins-Ordner
Sobald Ihre Testumgebung eingerichtet ist, müssen Sie als Erstes eine Plugin-Datei in Ihrem Site-Verzeichnis erstellen. Standardmäßig speichert WordPress alle Plugins im Verzeichnis wp-content/plugin.
Jedes auf einer WordPress-Site installierte Plugin hat einen Ordner in diesem Verzeichnis. Für Ihr Plugin müssen Sie daher in diesem Verzeichnis einen Ordner erstellen und ihm einen Namen geben.
Für dieses Tutorial navigieren wir zu dem Ordner wp-content/plugin in unserem lokalen Site-Verzeichnis. Hier ist wie.
Hinweis: Der Prozess ist derselbe, wenn Sie eine zwischengeschaltete Website verwenden.
Klicken Sie auf Ihrem lokalen Dashboard auf Gehen Sie zum Site-Ordner . Sie werden zu Ihrem lokalen Site-Verzeichnis weitergeleitet.
wählen Apps Klicken Sie in den Optionen auf Öffentlichkeit dann wp-content. In diesem Verzeichnis sehen Sie verschiedene Ordner.
Öffnen Sie den Ordner Plugins und einen neuen Unterordner mit dem Namen Ihres Plugins. Wir werden hier verwenden Sticky-Header da es der Name des Plugins ist, das wir erstellen möchten.
Schritt 4: Erstellen Sie die Haupt-PHP-Datei für Ihr Plugin
Nachdem Sie Ihren Plugin-Ordner erstellt haben, besteht der nächste Schritt darin, diesem Ordner eine PHP-Datei hinzuzufügen. Hier sind die Codes und Funktionen Ihres Plugins verfügbar.
Für dieses Tutorial benötigen wir nur eine PHP-Datei für ein einfaches Plugin, das einen Sticky-Header in WordPress erstellt.
Bei komplexeren Plug-ins mit erweiterter Funktionalität können sich im Plug-in-Ordner verschiedene Dateitypen befinden, z. B. CSS und Javascript. In unserem Fall reicht eine einzelne PHP-Datei aus.
Erstellen Sie dazu eine PHP-Datei im Plugin-Ordner, wie im folgenden Screenshot.
Sobald die Datei fertig ist, ist es an der Zeit, Ihrem Plugin einige Informationen hinzuzufügen.
Schritt 5: Konfigurieren Sie Ihre Plugin-Informationen
Auch als Plugin-Datei-Header bekannt, sind Ihre Plugin-Informationen ein PHP-Kommentarblock, der Details zu Ihrem Plugin enthält, wie z. B. Plugin-Name, Version, URL, Name des Autors und seine Website, Lizenz usw.
Dies sind die Informationen, die Sie nach der Installation eines Plugins auf der WordPress-Plugin-Seite sehen.
Sie finden die Plugin-Datei-Header im WordPress-Codex . Es sieht aus wie das.
Kopieren Sie einfach diesen Code und fügen Sie ihn in die PHP-Datei Ihres Plugins ein. Bearbeiten Sie dann die Details, damit sie zu Ihrem Plugin passen. In unserem Fall sieht der Sticky-Header-Plugin-Dateileser so aus.
<?php
/*
Plugin Name: Sticky Header
Plugin URI: https://wordpress.org/plugins/sticky-header/
Description: Make your website header sticks to the top of every page on your website as users scroll.
Author: The Team
Author URI: https://blogpascher.com/sticky-header
Text Domain: Sticky Header
Domain Path: /languages
*/Sobald Sie diese Datei gespeichert haben, haben Sie ein neues Plugin erstellt und finden es in der Liste der bereits auf Ihrer Website installierten Plugins.
Melden Sie sich beim WordPress-Dashboard Ihrer Testseite an und gehen Sie zu Plugins>Plugins installés.
Sie sehen das Sticky Header-Plugin mit Details. Hier ist es.
Sie können das Plugin jetzt aktivieren, aber es wird nichts tun, da wir ihm noch keine Funktionalität hinzugefügt haben. Lassen Sie uns also unser Plugin dazu bringen, etwas zu tun.
Schritt 6: Fügen Sie Code zu Ihrem Plugin hinzu
Dazu fügen wir den Sticky-Header-Code hinzu, den wir beim Erlernen der WordPress-Funktionen und -Hooks oben verwendet haben. Hier ist wie.
Öffnen Sie die PHP-Datei Ihres Plugins. Kopieren Sie diese Code-Snippets unter den Header-Details, fügen Sie sie in die Haupt-PHP-Datei Ihres Plugins ein und speichern Sie sie.
function sticky_header() {
?>
<script>
// Select the header element
var header = document.querySelector(‘header’);
// Get the offset position of the header
var sticky = header.offsetTop;
// Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position
function addSticky() {
if (window.pageYOffset > sticky) {
header.classList.add(“sticky”);
} else {
header.classList.remove(“sticky”);
}
}
// Add the sticky class to the header when you scroll the page
window.onscroll = function() {
addSticky();
};
</script>
<?php
}
add_action( ‘wp_footer’, ‘sticky_header’ );Dieser Code macht zwei wesentliche Dinge,
La fonction sticky_header wird aktiviert, wenn der Benutzer die Seite scrollt, und stoppt, wenn das Scrollen stoppt.
Zweitens die Aktion add_action('wp_footer', 'sticky_header'); nutze die Adresse…..
Speichern Sie den Code, und das war's. Sie haben erfolgreich ein WordPress-Plugin erstellt, das Ihre Website-Kopfzeile klebrig macht, wenn Benutzer durch sie scrollen.
Schritt 7: Aktivieren Sie das Plugin. In Aktion.
Kehren Sie zu Ihrer Website zurück und aktivieren Sie das Plugin.
Wenn Sie durch die Live-Version der Website scrollen, bleibt Ihre Website-Kopfzeile oben auf der Seite.
Sobald Sie die Wirkung des neuen Plugins auf Ihrer Demoseite gesehen haben, ist es an der Zeit, es auf Ihrer echten Seite auszuprobieren.
Stellen Sie vorher sicher, dass Sie das Plugin auf Fehler und Schwachstellen getestet haben. Lösen Sie diese gegebenenfalls auf. Als Vorsichtsmaßnahme Sichern Sie Ihre WordPress-Site bevor Sie Ihr neues Plugin bereitstellen.
Wenn Sie mit der Leistung des Plugins auf Ihrer Website zufrieden sind, können Sie Ihr Plugin in das WordPress-Plugin-Repository hochladen. Da Website-Eigentümer es kostenlos nutzen, erhalten Sie Feedback darüber, was verbessert werden kann und wie es zu tun ist.
Und wenn Sie mit Ihrem Plugin Geld verdienen möchten, können Sie es auf einer der oben aufgeführten Websites verkaufen
Zusammenfassung
Wenn Sie es bis hierher geschafft haben, werden Sie zustimmen, dass das Erstellen eines WordPress-Plugins relativ einfach ist. Wenn Sie den Anweisungen in diesem Handbuch folgen, können Sie ein einfaches WordPress-Plugin erstellen. Sie können mit so vielen Funktionen experimentieren, wie Sie möchten, und die Funktionalität Ihres Plugins verbessern.
Das Erstellen komplexer Plugins folgt der gleichen Methode. Mehr Funktionalität bedeutet mehr Funktionen in Ihrer Plugin-Datei.
Haben Sie schon einmal versucht, ein WordPress-Plugin zu erstellen? Lassen Sie uns im Kommentarbereich unten über Ihre Erfahrungen sprechen.
