TechOverflow Logo
TechOverflow

Minimales WordPress JS-Plugin-Beispiel

English Deutsch

Siehe auch: Minimales WordPress CSS-Plugin-Beispiel Minimales WordPress Shortcode-Plugin-Beispiel

Dieses Plugin fügt eine statische JavaScript-.js-Datei zu WordPress hinzu, die im Client geladen wird.

Erstellen Sie zuerst ein Verzeichnis für Ihr Plugin in wp-content/plugins/, z.B. wp-content/plugins/my-js-plugin

Speichern Sie den folgenden Code als functions.php im Plugin-Ordner, z.B. wp-content/plugins/my-js-plugin/functions.php

my-plugin-script.js
<?php
/*
Plugin Name: My JS plugin
*/

function my_plugin_enqueue_js(){
    wp_enqueue_script('my-plugin-js', plugins_url('/script.js', __FILE__), false, '1.0.0', true /* im Footer */);
}
add_action('wp_enqueue_scripts', "my_plugin_enqueue_js");

Speichern Sie als Nächstes Ihre gewünschte JS-Datei als script.js im Plugin-Ordner, z.B. wp-content/plugins/my-js-plugin/script.js. Beispiel-Skript:

plugin_script_example.js
jQuery(document).ready(function() {
    console.info("Ihr JS-Plugin funktioniert!");
});

Aktivieren Sie nun Ihr Plugin im WordPress-Admin-Bereich.

Ihr JavaScript wird auf jeder WordPress-Seite geladen, bis Sie das Plugin deaktivieren.

Beachten Sie, dass bei Verwendung eines JS-optimierenden Plugins wie Autoptimize Ihre JS-Datei möglicherweise nicht als separat geladene Skriptdatei angezeigt wird, da sie in die einzelne Autoptimize-JS kompiliert wird. Ihr JavaScript wird dennoch auf dem Client geladen!

Check out similar posts by category: PHP, Wordpress