最小 Wordpress JS 插件示例

另请参见： 最小 WordPress CSS 插件示例 最小 WordPress Shortcode 插件示例

此插件向 Wordpress 添加一个静态 Javascript .js 文件，该文件在客户端加载。

首先，在 wp-content/plugins/ 中为你的插件创建一个目录，例如 wp-content/plugins/my-js-plugin

将以下代码保存为插件文件夹中的 functions.php，例如 wp-content/plugins/my-js-plugin/functions.php

<?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 /* in footer */);
}
add_action('wp_enqueue_scripts', "my_plugin_enqueue_js");

接下来，将你想要的 JS 文件保存为插件文件夹中的 script.js，例如 wp-content/plugins/my-js-plugin/script.js。示例脚本：

jQuery(document).ready(function() {
    console.info("Your JS plugin works!");
});

现在在你的 Wordpress 管理区域激活你的插件。

你的 Javascript 将在每个 Wordpress 页面上加载，直到你停用插件。

注意如果你使用像 Autoptimize 这样的 JS 优化插件，你可能不会看到你的 JS 文件作为单独加载的脚本文件，因为它被编译到单个 Autoptimize JS 中。你的 javascript 仍然会在客户端加载！