Advertisement
  1. Web Design
  2. WordPress

Wie kann man ein benutzerdefiniertes WordPress-Plugin von Grund auf neu erstellen?

by
Read Time:25 minsLanguages:

German (Deutsch) translation by Katharina Grigorovich-Nevolina (you can also view the original English article)

Jede WordPress-Site benötigt ein Thema, um Inhalte aus der Datenbank zu ziehen und diese in einem Design anzuzeigen. Und theoretisch könnten Sie eine Site mit nur einem Thema und sonst nichts betreiben. Aber diese Site wäre ohne das Hinzufügen von Plugins sehr eingeschränkt.

Plugins fügen Ihrer WordPress-Site zusätzliche Funktionen hinzu, die über das hinausgehen, was mit dem WordPress-Kern geliefert wird. Alles, von einem Buchungskalender oder animierten Schieberegler bis hin zu einem voll ausgestatteten Lernmanagementsystem oder Online-Marktplatz – Sie können alles mit Plugins zu Ihrer Website hinzufügen.

In dieser Anleitung zeige ich dir, wie du dein eigenes WordPress-Plugin erstellst. Ich zeige Ihnen, wie Sie Best Practices in der Plugin-Entwicklung anwenden, wie Sie den Code in Ihrem Plugin zum Laufen bringen und wie Sie den Code und die Dateien Ihres Plugins strukturieren. Ich werde Sie auch durch den Prozess der Erstellung Ihres ersten Plugins führen und einige FAQs beantworten.

Kostenlose und kostenpflichtige WordPress-Plugins

Wenn Sie Ihrer Website bestimmte Funktionen hinzufügen möchten, gibt es viele Orte, an denen Sie Plugins kaufen oder herunterladen können. Das WordPress-Plugin-Verzeichnis enthält Tausende von kostenlosen Plugins, mit denen Sie die gewünschte Site erstellen können. Wenn Sie jedoch nach erweiterten Funktionen, einer besseren Benutzeroberfläche oder verbessertem Support suchen, lohnt es sich, Premium-Plugins von Autoren auf CodeCanyon zu kaufen.

CodeCanyonCodeCanyonCodeCanyon

Aber manchmal müssen Sie möglicherweise Ihr eigenes Plugin codieren! Dies kann effizienter sein als die Verwendung eines Drittanbieter-Plugins, da Sie möglicherweise nur einen Teil des von diesen bereitgestellten Codes benötigen. Es bedeutet auch, dass Sie ein Plugin entwickeln können, das Ihren Anforderungen genauer entspricht, oder Sie können ein vorhandenes Plugin anpassen, um es an Ihre Website anzupassen.

Was benötigen Sie, um ein Plugin zu erstellen?

Um Ihr eigenes Plugin zu erstellen und auf Ihrer WordPress-Site auszuführen, benötigen Sie:

  • ein Code-Editor
  • eine WordPress-Entwicklungsinstallation mit einer Kopie Ihrer Live-Site zum Testen

Testen Sie Ihr Plugin nicht auf Ihrer Live-Site, bis Sie wissen, dass es funktioniert!

Wenn Sie noch keine lokale WordPress-Installation haben, folgen Sie unserer Anleitung zum Kopieren Ihrer Site in eine lokale Installation. Oder wenn Sie WordPress nicht lokal installieren können, verwenden Sie ein Duplikat Ihrer Site in einer Testinstallation auf Ihrem Server. Finden Sie heraus, wie Sie Ihre Website kopieren.

Arten von WordPress-Plugins

Plugins können viele Aufgaben übernehmen. Allen gemeinsam ist, dass sie Ihrer Website zusätzliche Funktionen hinzufügen. Zu den Arten von WordPress-Plugins gehören:

  • site maintenance-Plugins für Dinge wie Sicherheit, Leistung oder Backups
  • marketing and sales-Plugins für Dinge wie SEO, Social Media oder eCommerce
  • content-Plugins wie benutzerdefinierte Beitragstypen, Widgets, Shortcodes, Formulare, Galerien und Video-Feeds
  • API-Plugins, die mit der WordPress REST API arbeiten oder externe Inhalte von Diensten wie Google Maps einbinden
  • community-Plugins, die Funktionen für soziale Netzwerke hinzufügen

…und vieles mehr! Eine Vorstellung davon, was Plugins leisten können, finden Sie im WordPress-Plugin-Verzeichnis und auf dem CodeCanyon-Marktplatz.

WordPress Plugin DirectoryWordPress Plugin DirectoryWordPress Plugin Directory

Was gehört zu einem Plugin?

Bevor Sie mit der Erstellung Ihres Plugins beginnen, sollten Sie wissen, was in einem Plugin steckt. Wie der Plugin-Code genau aussehen wird, hängt von Ihrem Plugin ab: Einige sind klein, mit nur einer Plugin-Datei, während andere riesig sind, mit mehreren Include-Dateien, Skripten, Stylesheets und Vorlagendateien. Und es gibt viele, die irgendwo in die Mitte fallen.

Die Elemente, die Sie wahrscheinlich in Ihrem Plugin haben werden, sind:

  • die Haupt-Plugin-Datei (dies ist wichtig)
  • Ordner für verschiedene Dateitypen
  • Skripte
  • Stylesheets
  • Einfügen der Dateien, um den Code zu organisieren

Schauen wir uns jeden von ihnen an.

Die Haupt-Plugin-Datei

Die Haupt-Plugin-Datei ist wichtig. Es wird immer eine PHP-Datei sein und immer auskommentierten Text enthalten, der WordPress über Ihr Plugin informiert.

Hier ist ein Beispiel aus dem Akismet-Plugin:

Dies sagt WordPress, was Ihr Plugin tut, wo Sie mehr darüber erfahren und wer es entwickelt hat. Es gibt auch Auskunft über die Versionsnummer und die Textdomäne und den Pfad für die Internationalisierung sowie die Lizenz.

WordPress nimmt diese Informationen und verwendet sie, um den Plugin-Bildschirm auf deiner Website zu füllen. So sieht Akismet auf diesem Bildschirm aus:

Akismet in plugins screenAkismet in plugins screenAkismet in plugins screen

Sie können sehen, dass die in der Plugin-Datei bereitgestellten Informationen verwendet werden, um diesen Eintrag zu füllen und Links bereitzustellen.

Weitere Informationen über das Plugin sind in der Datei README.txt enthalten, die verwendet wird, um die Seite des Plugins im Plugin-Verzeichnis zu füllen:

Akismet in plugin directoryAkismet in plugin directoryAkismet in plugin directory

Die Haupt-Plugin-Datei enthält auch den Code, mit dem das Plugin ausgeführt wird. Manchmal ist das das gesamte PHP für das Plugin, aber bei größeren Plugins gibt es Aufrufe, um Dateien mit zusätzlichem Code einzuschließen. Dies hilft Ihnen, Ihren Code zu organisieren und bedeutet, dass Sie keine lange unorganisierte Datei haben, mit der Sie nur schwer arbeiten können. Ich zeige Ihnen später in diesem Handbuch, wie Sie Include-Dateien verwenden.

Ordnerstruktur

Obwohl es keine festen Regeln für die Organisation der Ordner in Ihrem Plugin gibt, ist es sinnvoll, dieselbe Struktur zu übernehmen, die andere Plugin-Entwickler verwenden. Dies macht Sie mit der Art und Weise vertraut, wie andere Plugins erstellt werden, und bedeutet, dass wenn Sie Ihren Code in Zukunft teilen, es für andere Menschen Sinn macht.

Ordner in Ihrem Plugin können Folgendes umfassen:

  • CSS oder Styles für Stylesheets
  • Skripte für Javascript
  • enthält für Include-Dateien
  • Vorlagen für Vorlagendateien, die Ihr Plugin ausgibt
  • Assets für Medien und andere Asset-Dateien
  • i18n für Internationalisierungsdateien

Möglicherweise müssen Sie mehr Ordner verwenden, wenn Ihr Plugin groß oder komplex ist. WooCommerce hat zum Beispiel Ordner für Pakete, Beispieldaten und mehr. Diese enthalten wiederum Unterordner für Dinge wie Blöcke und Admin-Dateien.

WooCommerce file structureWooCommerce file structureWooCommerce file structure

Skripte und Stylesheets

Wenn Ihr Plugin Inhalte ausgibt, die formatiert werden müssen, entweder im Frontend oder in den Admin-Bildschirmen, benötigen Sie möglicherweise Stylesheets.

Und wenn Ihr Plugin Skripte verwendet, benötigen Sie dafür Dateien.

Es ist sinnvoll, diese in einem eigenen Ordner zu speichern, auch wenn Sie nur einen davon haben. Sie müssen diese Skripte und Stylesheets mit einer speziellen Funktion in Ihrer Haupt-Plugin-Datei in die Warteschlange einreihen. Ich zeige Ihnen, wie das geht, wenn wir das Plugin erstellen.

Dateien einschließen

Wenn Ihr Plugin eine Organisation benötigt, können Sie dies tun, indem Sie Ihren Code in mehrere Dateien, sogenannte Include-Dateien, aufteilen.

Sie legen diese Dateien dann in einen eigenen Ordner und rufen sie in Ihrer Haupt-Plugin-Datei mit einer include- oder require-Funktion auf.

Auf diese Weise können Sie den Großteil Ihres Codes in einer web-organisierten Dateistruktur halten, während Ihre Haupt-Plugin-Datei schlank und minimal bleibt.

Wenn Ihr Plugin nicht allzu groß ist, müssen Sie keine Include-Dateien verwenden: Fügen Sie einfach Ihren Code zur Haupt-Plugin-Datei hinzu. Möglicherweise müssen Sie diese Datei jedoch organisieren und Funktionen darin neu anordnen, wenn Sie sie hinzufügen, um eine logische Struktur beizubehalten.

Dies sind die häufigsten Elemente eines Plugins. Wir haben im WooCommerce-Beispiel gesehen, dass es noch viel mehr geben kann. Oder in kleineren Plugins können es viel weniger sein. Aber wenn Sie mehr Plugins entwickeln, werden Sie diese Elemente immer häufiger verwenden.

Wie kann man Ihren Plugin-Code: Optionen ausführen?

Wenn Sie Ihrem Plugin Code hinzufügen, wird es nichts tun, bis Sie es auf irgendeine Weise aktivieren. Es gibt einige Methoden, mit denen Sie Ihren Code aktivieren oder Code von WordPress einlesen können:

  • Funktionen
  • Aktions- und Filterhaken
  • Klassen

Schauen wir uns jeden von ihnen an.

Funktionen

Funktionen sind die Bausteine des WordPress-Codes. Sie sind der einfachste Weg, um mit dem Schreiben eigener Plugins zu beginnen, und der schnellste Weg, um zu programmieren. Sie finden viele davon auch in den Dateien Ihrer Themen.

Jede Funktion hat ihren eigenen Namen, gefolgt von geschweiften Klammern und dem Code in diesen geschweiften Klammern.

Der Code in Ihrem Plugin wird nicht ausgeführt, es sei denn, Sie rufen die Funktion irgendwie auf. Der einfachste (aber am wenigsten flexible) Weg, dies zu tun, besteht darin, den Code direkt in Ihrem Thema oder an anderer Stelle in Ihrem Plugin aufzurufen.

Hier ist eine Beispielfunktion:

Um diese Funktion direkt in Ihrem Thema aufzurufen, geben Sie einfach tutsplus_myfunction() an der Stelle in Ihren Thema-Vorlagendateien ein, an der sie ausgeführt werden soll. Oder Sie fügen es irgendwo in Ihrem Plugin hinzu ... aber Sie müssen auch den Code aktivieren, der es aufruft!

Dabei gibt es einige Einschränkungen:

  • Wenn die Funktion etwas tut, das nicht nur Inhalte irgendwo in einer Theme-Vorlagendatei hinzufügt, können Sie sie auf diese Weise nicht aktivieren.
  • Wenn Sie die Funktion an mehreren Stellen aufrufen möchten, müssen Sie sie immer wieder aufrufen.
  • Es kann schwierig sein, alle Stellen zu verfolgen, an denen Sie manuell eine Funktion aufgerufen haben.

Es ist viel besser, Funktionen aufzurufen, indem Sie sie an einen Hook anhängen.

Action- und Filter-Hooks

Indem Sie Ihre Funktion an einen Hook anhängen, führen Sie seinen Code aus, wenn dieser Hook ausgelöst wird. Es gibt zwei Arten von Hooks: Action-Hooks und Filter-Hooks.

Aktionshaken sind leer. Wenn WordPress zu ihnen kommt, tut es nichts, es sei denn, eine Funktion wurde an diesen Hook angehängt.

Filter-Hooks enthalten Code, der ausgeführt wird, es sei denn, es ist eine Funktion mit diesem Hook verbunden. Wenn eine Funktion vorhanden ist, wird stattdessen der Code in dieser Funktion ausgeführt. Das bedeutet, Sie können Ihrem Plugin Standardcode hinzufügen, ihn jedoch in einem anderen Plugin überschreiben, oder Sie können eine Funktion schreiben, die den Standardcode überschreibt, der an einen Filter-Hook in WordPress selbst angehängt ist.

Hooks werden auf drei Arten abgefeuert:

  • Von WordPress selbst. Der WordPress-Kerncode enthält Hunderte von Hooks, die zu unterschiedlichen Zeiten ausgelöst werden. An welche Sie Ihre Funktion anhängen, hängt davon ab, was Ihre Funktion tut und wann der Code ausgeführt werden soll. Eine Liste der WordPress-Hooks finden Sie im Entwicklerhandbuch.
  • Nach deinem Thema. Viele Themen enthalten Aktions- und Filter-Hooks, mit denen Sie an wichtigen Stellen im Design Ihrer Website zusätzlichen Inhalt hinzufügen können. Und alle Themes enthalten einen wp_head- und wp_footer-Hook. Kombinieren Sie diese mit Bedingungs-Tags und Sie können spezifischen Code auf bestimmten Seitentypen Ihrer Website ausführen.
  • Durch Ihr Plugin oder andere Plugins. Sie können Ihrem Plugin einen Aktions-Hook hinzufügen und dann Funktionen in Ihren Include-Dateien hinzufügen, die Code an diesen Hook anhängen. Oder Sie schreiben einen Filter-Hook und haben dann eine Funktion, die seinen Inhalt unter Umständen überschreibt. Wenn Sie alternativ ein Plugin erstellen, um ein anderes Plugin zu ergänzen, können Sie Ihre Funktionen an den vorhandenen Hook im Drittanbieter-Plugin anhängen. Ich habe dies beispielsweise mit WooCommerce getan, um die Ausgabe auf Produktseiten anzupassen.

Einiges davon ist fortgeschrittener, aber mit Ihrem ersten Plugin werden Sie Ihre Funktionen wahrscheinlich an eine Aktions- oder Filter-Hook-Ausgabe von WordPress selbst anhängen, höchstwahrscheinlich an einen Aktions-Hook.

Klassen

Klassen sind eine Möglichkeit, komplexere Funktionen wie Widgets und Customizer-Elemente zu codieren, die die vorhandenen WordPress-APIs verwenden.

Wenn Sie eine Klasse in Ihrem Plugin schreiben, erweitern Sie wahrscheinlich eine vorhandene Klasse, die in WordPress codiert ist. Auf diese Weise können Sie den von der Klasse bereitgestellten Code verwenden und ihn zu Ihrem eigenen anpassen. Ein Beispiel wäre der Customizer, in dem Sie eine Klasse mit einem Farbwähler schreiben können, indem Sie die Farbwähler-Benutzeroberfläche verwenden, die in der vorhandenen Klasse für den Customizer bereitgestellt wird.

Die Verwendung von Klassen ist fortgeschrittener als Funktionen und es ist unwahrscheinlich, dass Sie dies in Ihrem ersten Plugin tun werden. Um mehr zu erfahren, lesen Sie unseren Leitfaden zu Klassen in WordPress.

Wenn Sie Klassen schreiben, müssen Sie immer noch Aktionen oder Filter verwenden, damit sie ausgeführt werden.

Best Practices für Plugins

Bevor Sie mit der Codierung Ihres Plugins beginnen, ist es hilfreich, die Best Practices für Plugins zu verstehen, damit Ihr Code von Anfang an von hoher Qualität sein kann.

Diese schließen ein:

  • Schreiben Sie Ihren Code gemäß den WordPress-Codierungsstandards. Wenn Sie Ihr Plugin an das Plugin-Verzeichnis senden möchten, müssen Sie dies tun.
  • Verwenden Sie Kommentare im gesamten Code, damit andere Leute damit arbeiten können – und damit Sie sich daran erinnern, wie Ihr Code funktioniert, wenn Sie später darauf zurückkommen.
  • Benennen Sie Ihre Funktionen, Hooks und Klassen mit Präfixen, damit sie für Ihr Plugin eindeutig sind. Sie möchten einer Funktion nicht den gleichen Namen wie einer anderen Funktion in einem anderen Plugin oder im WordPress-Kern geben.
  • Organisieren Sie Ihre Ordner logisch und halten Sie Ihren Code getrennt, damit andere ihn verstehen und Sie ihn im Laufe der Zeit erweitern können, ohne dass er zu einem Durcheinander wird.

Sie denken vielleicht, dass die Verwendung von Best Practices nicht erforderlich ist, da nur Sie mit dem Plugin arbeiten. Aber Ihr Plugin könnte im Laufe der Zeit wachsen, Sie könnten es anderen Leuten überlassen oder es verkaufen. Oder Sie kommen in zwei Jahren wieder darauf zurück und können sich nicht mehr daran erinnern, wie der Code organisiert ist!

Erstellen Sie Ihr erstes Plugin in vier Schritten

Zu guter Letzt! Sie haben ein Grundwissen in der Funktionsweise von Plugins und es ist an der Zeit, die Ärmel hochzukrempeln und Ihr erstes Plugin zu erstellen. Ich werde Sie durch den Prozess der Erstellung eines einfachen Plugins führen, das einen benutzerdefinierten Beitragstyp registriert.

Dies ist eine sehr häufige Verwendung eines Plugins, und Sie können dann im Laufe der Zeit benutzerdefinierte Vorlagendateien für Ihren benutzerdefinierten Beitragstyp oder andere Funktionen hinzufügen.

Ich zeige Ihnen den grundlegenden Code für das Plugin und gebe Ihnen eine Einführung, wie Sie es im Laufe der Zeit erweitern können.

1. Erstellen Sie den Plugin-Ordner und die Datei

Auch wenn Ihr Plugin mit nur einer Datei klein anfängt, empfiehlt es sich, ihm einen eigenen Ordner zuzuweisen. Erstellen Sie zunächst einen Ordner in Ihrem wp-content/plugins-Verzeichnis. Erstellen Sie darin eine PHP-Datei für Ihr Plugin.

Geben Sie beiden einen sinnvollen Namen mit einem Präfix. Ich nenne meinen Ordner tutsplus-register-post-types und meine Datei tutsplus-register-post-types.php.

Öffnen Sie nun Ihre Plugin-Datei und fügen Sie die auskommentierten Informationen oben hinzu. Sie können meins unten nehmen und es bearbeiten, um die Tatsache widerzuspiegeln, dass dies Ihr Plugin ist, nicht meins.

Wenn Sie nun Ihre Datei speichern und auf Ihrer Entwicklungsseite zum Bildschirm Plugins gehen, sehen Sie das Plugin auf dem Bildschirm:

Our plugin on the Plugins screenOur plugin on the Plugins screenOur plugin on the Plugins screen

Sie können es aktivieren, wenn Sie möchten, aber es wird noch nichts tun, da Sie keinen Code hinzugefügt haben. Lassen Sie uns das tun.

2. Funktionen hinzufügen

Jetzt ist es an der Zeit, die erste Funktion in unserem Plugin zu schreiben. Beginnen Sie damit, Ihr Plugin zu erstellen und die geschweiften Klammern hinzuzufügen, die den Code enthalten. Hier ist meins:

Dazu gehören alle Labels und Argumente für Ihren Beitragstyp und (vor allem) die von WordPress bereitgestellte Funktion register_post_type().

Ich habe hier Filme als meinen Beitragstyp verwendet, da ich eine imaginäre Filmbewertungsseite erstelle. Vielleicht möchten Sie etwas anderes verwenden.

Wenn Sie nun Ihre Datei speichern und zu Ihrer Site zurückkehren, werden Sie feststellen, dass sich nichts geändert hat. Das liegt daran, dass Sie Ihren Code nicht aktiviert haben. Die Methode, mit der wir die Funktion hier aktivieren, besteht darin, sie an einen von WordPress bereitgestellten Aktions-Hook, den init-Hook, anzuhängen. Wenn Sie eine von WordPress bereitgestellte Funktion (wie register_post_type) verwenden, werden Sie feststellen, dass es einen Hook gibt, den Sie verwenden sollten. Details finden Sie im WordPress-Handbucheintrag zum Registrieren benutzerdefinierter Beitragstypen.

Also fügen wir den Haken hinzu. Fügen Sie unter Ihrem Code und außerhalb der geschweiften Klammern diese Zeile hinzu:

Wir verwenden die Funktion add_action(), um unseren Code mit zwei Parametern an einen Aktions-Hook anzuhängen: den Namen des Aktions-Hooks und den Namen unserer Funktion.

Versuchen Sie nun, Ihre Dateien zu speichern und zu Ihrer Site zurückzukehren. Sie werden sehen, dass der benutzerdefinierte Beitragstyp Ihrem Admin-Menü hinzugefügt wurde.

custom post type in menucustom post type in menucustom post type in menu

Nett!

Fügen wir nun eine zusätzliche Funktion hinzu, um eine benutzerdefinierte Taxonomie zu registrieren. Fügen Sie unter dem Code, den Sie bisher geschrieben haben, Folgendes hinzu:

Auch hier möchten Sie möglicherweise den Namen Ihrer benutzerdefinierten Taxonomie ändern. Hier habe ich die Taxonomie auf den Beitragstyp angewendet, den ich gerade registriert habe (der dritte Parameter der Funktion register_taxonomy). Wenn Sie Ihrem Beitragstyp einen anderen Namen gegeben haben, stellen Sie sicher, dass Sie dieses Bit bearbeiten.

Speichern Sie nun Ihre Datei und werfen Sie einen Blick auf Ihre Admin-Bildschirme. Wenn Sie im Admin-Menü mit der Maus über Ihren Beitragstyp fahren, sehen Sie die neue Taxonomie.

custom taxonomy in admin menucustom taxonomy in admin menucustom taxonomy in admin menu

Sie haben jetzt ein funktionierendes Plugin. Gut gemacht!

Schauen wir uns an, wie Sie es ergänzen können.

3. Stylesheets und Skripte in die Warteschlange stellen

Wenn Sie benutzerdefiniertes Styling oder Skripte in Ihrem Plugin verwenden müssen, können Sie diese direkt in Ihre Plugin-Datei einfügen – aber das ist nicht die beste Vorgehensweise. Stattdessen sollten Sie Stylesheets und Skripte als separate Dateien in Ihrem Plugin-Ordner erstellen und diese mithilfe einer von WordPress bereitgestellten Funktion in die Warteschlange einreihen.

Angenommen, Sie möchten Ihrem benutzerdefinierten Beitragstyp ein Styling hinzufügen. Sie können dies zu Ihrem Thema hinzufügen, aber Sie möchten dem Plugin möglicherweise ein bestimmtes Styling hinzufügen, um den Beitragstyp von anderen Beitragstypen in jedem Thema abzuheben.

Dazu erstellen Sie einen neuen Ordner in Ihrem Plugin-Ordner namens css (oder Styles, es liegt an Ihnen). Erstellen Sie in diesem Ordner ein Stylesheet namens style.css, oder geben Sie ihm zur besseren Übersichtlichkeit einen genaueren Namen. Ich werde meine movie.css aufrufen.

Sie müssen diese Datei dann in Ihr Plugin einreihen, damit sie von WordPress verwendet werden kann. Fügen Sie dies Ihrer Haupt-Plugin-Datei über den Funktionen hinzu, die Sie bereits haben. Ich füge gerne Enqueuing hinzu und füge es zuerst in meine Plugin-Datei ein, damit ich sehen kann, welche anderen Dateien aktiviert werden.

Wenn Sie Ihre Datei speichern, sehen Sie keinen Unterschied in Ihren Admin-Bildschirmen. Wenn Sie jedoch Beiträge des benutzerdefinierten Beitragstyps hinzugefügt haben und Ihr Stylesheet ein Styling dafür enthält, sehen Sie dies jetzt im Frontend von deine Seite.

Beachten Sie, dass der Hook zum Einreihen von Stylesheets und Skripten derselbe ist: Beide verwenden wp_enqueue_scripts. Es gibt keinen separaten Hook für Stile.

Das Einreihen von Skripten funktioniert auf sehr ähnliche Weise. Folge diesen Schritten:

  • Fügen Sie Ihrem Plugin-Ordner einen scripts- oder js-Ordner hinzu.
  • Speichern Sie Ihre Skriptdateien in diesem Ordner.
  • Stellen Sie das Skript auf die gleiche Weise wie im obigen Stylesheet ein und ersetzen Sie die Funktion wp_enqueue_style() durch wp_enqueue_script().

4. Verwenden von Include-Dateien

Eine weitere Möglichkeit bei der Entwicklung Ihres Plugins besteht darin, zusätzliche PHP-Dateien zu erstellen, die als Include-Dateien bekannt sind. Wenn Sie viele davon haben, können Sie mehrere Ordner für verschiedene Typen von Include-Dateien erstellen oder Sie können nur einen Ordner namens include erstellen.

Es gibt einige Funktionen, mit denen Sie Dateien einbinden können, die Sie in unserem umfassenden Leitfaden zum Einbinden und Anfordern von Dateien finden.

In unserem benutzerdefinierten Beitragstyp-Plugin können wir beispielsweise Code erstellen, um die Art und Weise der Ausgabe des Inhalts der Seite zu variieren, indem wir den Filter-Hook the_content verwenden, um den Code zu ändern, der jedes Mal ausgeführt wird, wenn der Inhalt auf einer Produktseite ausgegeben wird.

Anstatt diesen Code der Haupt-Plugin-Datei hinzuzufügen, können Sie ihn einer separaten Datei namens movie-content.php hinzufügen und dann den Code für die Ausgabe des Inhalts für Filme in diese Datei schreiben.

Um diese Datei in Ihr Plugin aufzunehmen, fügen Sie Ihrem Plugin einen Ordner namens include hinzu und fügen dann die Datei content-movie.php hinzu.

Um diese Datei in Ihr Plugin aufzunehmen, fügen Sie diesen Code am Anfang der Haupt-Plugin-Datei hinzu:

Sie müssen dies nicht mit einem Aktions- oder Filter-Hook verbinden – verwenden Sie einfach die Funktion include_once() in Ihrer Plugin-Datei. Das ruft dann den Code aus der Include-Datei auf, als wäre er zu diesem Zeitpunkt in Ihrer Haupt-Plugin-Datei.

Noch weiter gehen: Plugin-Funktionen

In dieser Anleitung habe ich Ihnen gezeigt, wie Plugins codiert werden und wie Sie mit dem Erstellen eines einfachen Plugins beginnen.

Sobald Sie mit der Plugin-Entwicklung vertraut sind, können Sie komplexere und voll funktionsfähige Plugins erstellen, um komplexere Aufgaben auf Ihrer Website auszuführen.

Schauen wir uns einige Beispiele an.

Widget-Plugins

Widget-Plugins beinhalten die Arbeit mit Klassen, sind aber eine gute Einführung in das Thema. Unsere Anleitung zum Erstellen eines Widget-Plugins hilft Ihnen dabei.

Auf Code Canyon finden Sie auch viele Widget-Plugins, die es Ihnen ersparen, sie selbst zu programmieren. In unserem Blog haben wir die besten Widget-Plugins für 2020, die besten Facebook-Widgets und die besten Twitter-Widgets identifiziert.

Code Canyon widget pluginsCode Canyon widget pluginsCode Canyon widget plugins

Shortcode-Plugins

Das Erstellen eines Shortcodes ist ein großartiger Ort, um mit der Erstellung von Plugins zu beginnen, da sie relativ einfach und sehr nützlich sind. In unserem Leitfaden zum Codieren von Shortcodes in WordPress erfahren Sie, wie Sie sie erstellen.

CodeCanyon bietet auch eine Reihe nützlicher Shortcode-Plugins, mit denen Sie Ihrer Site zusätzliche Funktionen hinzufügen können.

Code Canyon shortcode pluginsCode Canyon shortcode pluginsCode Canyon shortcode plugins

Social-Media-Plugins

Social-Media-Plugins sind unglaublich beliebt, da Sie damit Ihren Facebook-, Twitter- oder Instagram-Feed auf Ihrer Website anzeigen und Ihre Besucher Ihre Inhalte über ihre eigenen Social-Media-Konten teilen können.

Code Canyon verfügt über Dutzende von Social-Media-Plugins. Erfahren Sie mehr über die besten Social-Media-Plugins und wie Sie eine Online-Community für Ihre WordPress-Site erstellen.

Galerie- und Medien-Plugins

Wenn Sie die Medien auf Ihrer Site optimieren und Galerien oder Video-Feeds anzeigen möchten, lassen Sie ein Plugin alles professioneller aussehen. Finden Sie heraus, wie Sie die besten Galerie-Plugins für Bilder oder Videos finden und wie Sie Ihr eigenes Galerie-Plugin codieren. Oder stöbern Sie in der professionellen Galerie und den Video-Plugins auf Code Canyon.

media plugins on Code Canyonmedia plugins on Code Canyonmedia plugins on Code Canyon

Formular-Plugins

Durch das Hinzufügen von Formularen zu Ihrer Website können Ihre Besucher Kontakt aufnehmen und eine Beziehung aufbauen. Code Canyon verfügt über zahlreiche Premium-Formular-Plugins, die es Ihren Besuchern leicht machen, Sie zu kontaktieren. Erfahren Sie, wie Sie mit dem meistverkauften QuForm-Plugin ein Formular erstellen.

Häufig gestellte Fragen

Hier sind die Antworten auf einige der am häufigsten gestellten Fragen zu WordPress-Plugins.

Warum kann ich nicht einfach den Code, den ich benötige, zu meiner Thema-Funktionsdatei hinzufügen?

Es ist verlockend, der Datei functions.php einfach weiterhin Code hinzuzufügen, und es gibt einige Codes, die dort sein sollten.

Wenn sich Ihr Code jedoch auf die Funktionalität Ihrer Site bezieht und nicht auf das Design oder die Ausgabe von Inhalten, sollten Sie ihn in ein Plugin codieren. Dies bedeutet, dass Sie diese Funktionalität weiterhin haben, wenn Sie in Zukunft das Thema wechseln. Und Sie können das Plugin auf einer anderen Website mit einem anderen Thema verwenden.

Ich habe meinem Plugin Code hinzugefügt. Warum passiert nichts?

Dies liegt wahrscheinlich daran, dass Sie Ihren Code nicht mit einem Aktions- oder Filter-Hook verknüpft haben. Solange Sie das nicht tun, wird nichts passieren.

Wenn ich mein Plugin bearbeite und meine Site überprüfe, erhalte ich einen weißen Bildschirm. Hilfe!

Sie haben wahrscheinlich Code hinzugefügt, der irgendwo einen Fehler enthält. PHP ist eine unnachgiebige Sprache und dies könnte so klein wie ein Semikolon an der falschen Stelle sein.

Versuchen Sie, WP_DEBUG in Ihrer Datei wp-config.php einzuschalten, und Sie werden eine Meldung sehen, die Ihnen sagt, wo der Fehler liegt. Dann können Sie es beheben.

Wenn ich mein Plugin aktiviere, erhalte ich eine Fehlermeldung, dass zu viele Header ausgegeben wurden. Was bedeutet das?

Dies bedeutet normalerweise nur, dass Ihre Plugin-Datei zu viele leere Zeilen enthält. Gehen Sie zurück und überprüfen Sie, ob am Anfang der Datei keine leeren Zeilen vorhanden sind.

Wenn dies nicht behoben wird, versuchen Sie, WP_DEBUG einzuschalten.

Wo kann ich mehr über die Entwicklung von Plugins erfahren?

Wir haben viele Tutorials und Kurse, die Ihnen helfen, alle Arten von Plugins hier auf Envato Tuts+ zu erstellen. Sehen Sie, ob Sie etwas finden, das Sie inspiriert.

tutsplus plugins coursestutsplus plugins coursestutsplus plugins courses

Wo kann ich Plugins für meine Website herunterladen?

Sie können aus Tausenden von kostenlosen Plugins im WordPress-Plugin-Verzeichnis wählen. Sie können auch Plugins von Drittanbietern von CodeCanyon kaufen. Kaufen Sie Plugins immer von einem seriösen Anbieter, damit Sie sicher sein können, dass sie den WordPress-Codierungsstandards entsprechen und keinen schädlichen Code enthalten.

Zusammenfassung

Plugins verwandeln Ihre Website von einem einfachen Blog in eine leistungsstarke Website, die erweiterte Funktionen enthält und sicher und robust ist. Versuchen Sie noch heute Plugins zu Ihrer Website hinzuzufügen und selbst zu programmieren, um zu sehen, wie Sie Plugins verwenden können, um Ihre WordPress-Site zu verbessern.

Die besten WordPress-Themen und Plugins auf dem Envato Market

Entdecken Sie Tausende der besten WordPress-Themen, die jemals auf ThemeForest erstellt wurden, und führende WordPress-Plugins auf CodeCanyon. Kaufen Sie diese hochwertigen WordPress-Themes und Plugins und verbessern Sie Ihre Website-Erfahrung für Sie und Ihre Besucher.

Hier sind einige der meistverkauften und aufstrebenden WordPress-Themes und -Plugins, die für 2020 verfügbar sind.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.