Möchten Sie lernen, wie man eine WordPress Plugin einfach?

WordPress ist der Liebling vieler, und das zu Recht. Es ist unglaublich einfach zu bedienen, kostenlos (oder Open-Source), flexibel und das Beste daran, es ist ziemlich erweiterbar. Mit Plugins können Sie WordPress erweitern, um praktisch jede gewünschte Funktionalität hinzuzufügen.

Wenn Sie der perfekte Anfänger sind, ist die Wordpress-Plugins sind wie die Apps auf Ihrem Telefon. Ihr Telefon funktioniert einwandfrei, aber Sie können mithilfe von Apps weitere Funktionen hinzufügen. Gleiches gilt für das Content-Management-System (CMS) WordPress.

Die WordPress-Plattform ist bereits leistungsfähig, aber Sie können mit Plugins noch viel mehr tun. Zum Beispiel die Wordpress-Plugins Sie können zusätzliche Funktionen wie E-Commerce, SEO, Spamschutz, erweiterte Formulare, soziale Netzwerke, bessere Sicherheit, Live-Chat, visuelle Seitenerstellung und vieles mehr hinzufügen.

Es gibt Tausende von Wordpress-Plugins kostenlos und Premium. DER offizielles WordPress-Plugin-Repository allein hat zum Zeitpunkt des Schreibens über 59 kostenlose Plugins! Andere Marktplätze, wie z CodeCanyon, bieten Ihnen Tausende von Premium-WordPress-Plugins.

Das bedeutet, dass es für fast jede Funktion, die Sie Ihrer WordPress-Website hinzufügen können, ein Plugin geben könnte. Trotzdem benötigen Sie manchmal etwas, das in den oben genannten Plugin-Quellen nicht verfügbar ist. In diesem Fall müssen Sie möglicherweise eine erstellen WordPress Plugin von Grund auf neu erstellen oder ein vorhandenes Plugin modifizieren (oder verzweigen).

Und im heutigen Artikel zeigen wir Ihnen, wie man einen schreibt WordPress Plugin einfach, was gut ist, wenn Sie etwas Einfaches erstellen oder sich kopfüber in die Plugin-Entwicklung stürzen möchten. Beginnen wir mit dieser Präambel.

Aber vorher, wenn Sie WordPress Discover noch nie installiert haben Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren 

Dann zurück zu warum wir hier sind.

Schreiben eines einfachen WordPress-Plugins: Die Grundlagen

Bevor wir zum lustigen Teil kommen, gibt es ein paar grundlegende Dinge, die Sie wissen müssen. Als Anfänger nehmen Sie vielleicht an, dass das Erstellen von WordPress-Plugins schwierig ist. Nicht wirklich. Jeder kann Schreiben lernen ein Plugin, egal ob Sie einen Abschluss in Informatik haben oder nicht.

Gleichzeitig helfen Ihnen einige PHP-Programmierkenntnisse weiter, wenn Sie vorhaben, in Zukunft weitere Plugins zu schreiben. Mit diesem Wissen werden Sie besser verstehen, wie PHP-Funktionen, was Ihre Arbeit erheblich erleichtert. Trotzdem ist es einfach.

Abhängig von der benötigten Funktionalität kann Ihr WordPress-Plugin auch eine oder mehrere Dateien enthalten, darunter CSS-Stylesheets, JavaScript-Skripte und Mediendateien. Schließlich ist es wichtig, sich mit dem vertraut zu machen WordPress-Codierungsstandards und Best Practices um auf der sicheren Seite zu bleiben.

Seien Sie beruhigt, denn heute werden wir uns nicht an komplexe Dinge wagen. Wir zeigen Ihnen, wie Sie ein einfaches WordPress-Plugin schreiben und teilen einige Tools und Ressourcen, die Ihnen die Arbeit erleichtern.

Was Sie brauchen, um ein WordPress-Plugin zu schreiben

Sie benötigen ein paar Dinge, bevor Sie Ihr WordPress-Plugin schreiben. Testen Sie Ihr Plugin zunächst nicht auf Ihrer Website. Wenn etwas schief geht, riskieren Sie, Ihre Website zu beschädigen, was zu schrecklichen Ausfallzeiten führen kann, während Sie Dinge reparieren.

Erstellen Sie stattdessen eine lokale Test-Website oder auf Ihrem Server. Hier ist wie:

Ansonsten benötigen Sie einen Texteditor wie z Notepad ++Erhabener Text ou Atom. Obwohl dies nicht erforderlich ist, können Sie Tools wie z Steckplatte ou Boilerplate-Plugin um die Entwicklung zu beschleunigen (dazu später mehr).

Lassen Sie uns nun ein einfaches WordPress-Plugin schreiben. Für dieses Tutorial werden wir ein Plugin erstellen, das einen benutzerdefinierten Beitragstyp für eine Restaurant-Website hinzufügt, die wir erstellen werden.

Für Uneingeweihte unterstützt WordPress mehrere Beitragstypen, einschließlich Seiten, Beiträge, Anhänge, Rezensionen und Navigationsmenüs. Für unser Szenario erstellen wir ein einfaches WordPress-Plugin, das einen benutzerdefinierten Beitragstyp „Rezept“ hinzufügt. Zur Veranschaulichung nennen wir dieses Plugin „Hot Recipes“.

So schreiben Sie ein einfaches WordPress-Plugin

Jedes WordPress-Plugin hat eine Hauptdatei, die Sie manuell oder mit Tools wie Plugin Boilerplate oder Pluginplate erstellen können. Um Zeit zu sparen, verwenden Sie Pluginplate (es ist intuitiver), um die Hauptdatei und einige zusätzliche Dateien und Ordner zu generieren, die Sie später benötigen könnten. Im Moment brauchen wir nur die Hauptdatei.

Erstellung der Hauptdatei

Besuch pluginplate.com und klicken Sie auf die Schaltfläche Erstellen Sie Ihr Plugin, wie wir unten hervorheben.

Geben Sie als Nächstes Ihre Plugin-Informationen wie unten gezeigt ein. Unten auf der Seite sehen Sie den Abschnitt Module Dadurch können Sie Ihrem Plugin zusätzliche Funktionen hinzufügen. Beachten Sie auch, dass Sie jedes Modul anpassen können, indem Sie auf klicken plus (+), wie wir unten detailliert beschreiben. Wenn Sie zufrieden sind, klicken Sie auf die Schaltfläche erzeugen le Plugin :

Erstellen Sie ein einfaches WordPress-Plugin

Danach klicken Sie auf die Schaltfläche Herunterladen und speichern Sie Ihr Plugin auf Ihrem Computer.

Jetzt haben wir alle Basisdateien, die wir brauchen, aus der Hauptdatei. Unser WordPress-Plugin wird nichts so tun, wie es ist. Wir müssen den Code hinzufügen, der ausgeführt wird, wenn wir das Plugin aktivieren. Basierend auf unserem Beispiel ist unsere Hauptdatei heiße-rezepte.php, das ist die Datei, die wir im nächsten Abschnitt bearbeiten werden.

Funktionen hinzufügen

Um die Datei zu finden heiße-rezepte.php, extrahieren Sie den ZIP-Ordner, den Sie von Pluginplate heruntergeladen haben:

Erstellen Sie ein einfaches WordPress-Plugin

Innerhalb des Ordners sollten Sie Ihre Hauptdatei sehen, die in unserem Fall – wieder – ist Hot-Rezepte. Php:

Erstellen Sie ein einfaches WordPress-Plugin

Im Plugin-Ordner können Sie eine Reihe anderer Dateien sehen, aber wir brauchen sie gerade nicht. Als nächstes fügen wir der Hauptdatei einige Funktionen hinzu. Öffnen Sie die Hauptdatei (heiße Rezepte.php) in Ihrem bevorzugten Texteditor (Wir verwenden Visual Studio Code).

Siehe auch: So deaktivieren Sie Kommentare in WordPress

Je nachdem, wie Sie das Formular auf Pluginplate ausgefüllt haben, sehen Sie das folgende Code-Snippet oder etwas Ähnliches:

<?php
/**
 * Recettes Chaudes
 *
 * @package       RECETTESCH
 * @author        Passi
 * @license       gplv2
 * @version       1.0.0
 *
 * @wordpress-plugin
 * Plugin Name:   Recettes Chaudes
 * Plugin URI:    https://blogpascher.com/
 * Description:   Recettes Chaudes permet de créer un type de post personnalisé pour un restaurant
 * Version:       1.0.0
 * Author:        Passi
 * Author URI:    https://blogpascher.com/
 * Text Domain:   recettes-chaudes
 * Domain Path:   /languages
 * License:       GPLv2
 * License URI:   https://www.gnu.org/licenses/gpl-2.0.html
 *
 * You should have received a copy of the GNU General Public License
 * along with Recettes Chaudes. If not, see <https://www.gnu.org/licenses/gpl-2.0.html/>.
 */

// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) exit;
// Plugin name
define( 'RECETTESCH_NAME',			'Recettes Chaudes' );

// Plugin version
define( 'RECETTESCH_VERSION',		'1.0.0' );

// Plugin Root File
define( 'RECETTESCH_PLUGIN_FILE',	__FILE__ );

// Plugin base
define( 'RECETTESCH_PLUGIN_BASE',	plugin_basename( RECETTESCH_PLUGIN_FILE ) );

// Plugin Folder Path
define( 'RECETTESCH_PLUGIN_DIR',	plugin_dir_path( RECETTESCH_PLUGIN_FILE ) );

// Plugin Folder URL
define( 'RECETTESCH_PLUGIN_URL',	plugin_dir_url( RECETTESCH_PLUGIN_FILE ) );

/**
 * Load the main class for the core functionality
 */
require_once RECETTESCH_PLUGIN_DIR . 'core/class-recettes-chaudes.php';

/**
 * The main function to load the only instance
 * of our master class.
 *
 * @author  Passi
 * @since   1.0.0
 * @return  object|Recettes_Chaudes
 */
function RECETTESCH() {
	return Recettes_Chaudes::instance();
}

RECETTESCH();

Der obige Code teilt WordPress den Namen des Plugins zusammen mit der Version, dem Autor, der Lizenz und anderen Details mit. Sie müssen nichts ändern. Gehen wir zum nächsten Schritt.

Fügen Sie direkt unter dem obigen Code den folgenden Code hinzu:

/**
 * Registers the recettes post type.
 */
function recettes_chaudes_register_post_types() {

	// Set UI labels for the recettes post type.
	$labels = array(
		'name' => _x( 'Recettes', 'Post Type General Name', 'recettes_chaudes' ),
		'singular_name' => _x( 'Recette', 'Post Type Singular Name', 'recettes_chaudes' ),
		'menu_name' => __( 'Recettes', 'recettes_chaudes' ),
		'parent_item_colon' => __( 'Parent Recette', 'recettes_chaudes' ),
		'all_items' => __( 'All Recettes', 'recettes_chaudes' ),
		'view_item' => __( 'View Recettes', 'recettes_chaudes' ),
		'add_new_item' => __( 'Add New Recette', 'recettes_chaudes' ),
		'add_new' => __( 'Add New', 'recettes_chaudes' ),
		'edit_item' => __( 'Edit Recette', 'recettes_chaudes' ),
		'update_item' => __( 'Update Recette', 'recettes_chaudes' ),
		'search_items' => __( 'Search Recette', 'recettes_chaudes' ),
		'not_found' => __( 'Not Found', 'recettes_chaudes' ),
		'not_found_in_trash' => __( 'Not found in Trash', 'recettes_chaudes' ),
	);

	// Set other arguments for the recettes post type.
	$args = array(
		'label' => __( 'recettes', 'recettes_chaudes' ),
		'description' => __( 'recettes.', 'recettes_chaudes' ),
		'labels' => $labels,
		'supports' => array(
			'title',
			'editor',
			'excerpt',
			'author',
			'thumbnail',
			'comments',
			'revisions',
			'custom-fields',
		),
		'taxonomies' => array(),
		'hierarchical' => false,
		'public' => true,
		'show_ui' => true,
		'show_in_menu' => true,
		'show_in_nav_menus' => true,
		'show_in_admin_bar' => true,
		'menu_position' => 5,
		'can_export' => true,
		'has_archive' => true,
		'exclude_from_search' => false,
		'publicly_queryable' => true,
		'capability_type' => 'post',
		'show_in_rest' => true,
	);

	// Registes the recettes post type.
	register_post_type( 'recettes', $args );

}
add_action( 'init', 'recettes_chaudes_register_post_types' );

Der obige Code registriert einfach unseren benutzerdefinierten Beitragstyp „Rezepte“ mit einer Reihe von Optionen. Es fügt auch Funktionen wie Unterstützung für Rezensionen, benutzerdefinierte Felder, Auszüge, Kommentare, vorgestellte Bilder und mehr hinzu. Dies sind die Funktionen, die Sie im Post-Editor sehen, wenn Sie ein neues Rezept hinzufügen.

Zippen Sie Ihren Plugin-Ordner

Speichern Sie alle Ihre Änderungen. Komprimieren Sie den Ordner heiße Rezepte (Dies ist der Ordner, in dem Sie die Hauptdatei gefunden haben heiße Rezepte.php  die wir gerade bearbeitet haben) in einem Archiv heiße-rezepte.zip (Auf einem Mac ist es so einfach wie mit der rechten Maustaste zu klicken und die Datei zu komprimieren - und auf einem PC ist es meiner Meinung nach sehr ähnlich). Stellen Sie einfach sicher, dass Ihr Ordner mit der Erweiterung .ZIP gespeichert ist, sonst wird das Plugin nicht installiert.

Siehe auch: Wie man ein unendliches Scrollen in einem WordPress hinzufügt

Melden Sie sich als Nächstes bei Ihrer Test-Website an und navigieren Sie zu Erweiterungen> Hinzufügen , Wie nachfolgend dargestellt.

Klicken Sie dann auf die Schaltfläche Plugin hochladen, wählen Sie Ihren Plugin-ZIP-Ordner auf Ihrem Computer und klicken Sie auf jetzt installieren:

Erstellen Sie ein einfaches WordPress-Plugin

ensuite, aktivieren das Plugin

Wenn Sie jetzt Ihr WordPress-Admin-Menü überprüfen, werden Sie Ihren neuen Typ bemerken Veröffentlichung Rezepte, mit der Möglichkeit, neue Rezepte hinzuzufügen:

Erstellen Sie ein einfaches WordPress-Plugin

Herzlichen Glückwunsch zum Schreiben Ihres ersten einfachen WordPress-Plugins! Mit dieser Einführung können Sie tiefer gehen und mit dem Code herumspielen, um zu sehen, was Sie erreichen können. Sie können auch den Quellcode anderer Plugins studieren (alle WordPress-Plugins sind Open Source), um mehr zu erfahren.

Jetzt brauchen Sie nur noch ein paar Ressourcen (sehen Sie sich die Plugin-Handbuch) und viel Übung und Sie werden in kürzester Zeit programmieren können.

Lire aussi So entfernen Sie den „Proudly Powered by WordPress“-Link

Das Programmieren und Schreiben von WordPress-Plugins kann zunächst entmutigend erscheinen, insbesondere als Anfänger. Aber mit den richtigen Tools und ein paar Lernressourcen können Sie Plugins wie ein Chef entwickeln. Es reicht aus, einige Vorstellungen von Kodierung und Bestimmung zu haben.

Andere empfohlene Ressourcen

Wir laden Sie außerdem ein, die unten aufgeführten Ressourcen zu konsultieren, um die Kontrolle und Kontrolle Ihrer Website und Ihres Blogs zu verbessern.

Zusammenfassung

Das war es für dieses Tutorial. Wir hoffen, dass es Sie in die richtige Richtung gelenkt hat, wenn es um das Verständnis von Plugins geht. Dieser Artikel soll als Sprungbrett für die Entwicklung komplexer WordPress-Plugins dienen, die alles tun, was Sie wollen.

Wenn Sie irgendwelche Bedenken oder Vorschläge haben, teilen Sie uns dies bitte innerhalb von mit commentaires. Sie können jedoch auch unsere konsultieren RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

In der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.   

...