WordPress 插件是一种非常重要的前端技术，它能够为 WordPress 内容管理系统添加各种实用的功能。npm 包 wordpess-plugins-generator 是一款方便创建 WordPress 插件的工具，它可以帮助我们快速创建一个标准的 WordPress 插件框架，大大节省了开发时间。
安装
npm 包 wordpess-plugins-generator 是基于 npm 的，因此安装只需要在终端执行以下命令：
npm i -g wordpress-plugin-generator
安装完成后，我们就可以使用 wordpess-plugins-generator 命令来创建 WordPress 插件了。
使用步骤
首先，我们需要创建一个工作目录并进入其中，然后执行以下命令：
wordpress-plugin-generator
这个命令会让我们回答几个问题，用于构建插件框架的基本信息，如插件的名称、生成的插件目录名、插件的作者等等。代码示例：
? Plugin name My WordPress Plugin ? Plugin slug my-wp-plugin ? Plugin namespace My_WP_Plugin ? Plugin description A brief description of my plugin ? Author name John Doe ? Author website https://example.com ? Author email john@doe.com
完成问题回答后，我们需要运行 npm install 命令来安装插件所需的依赖。
最后，我们需要在 WordPress 后台启用插件，插件就可以正常运行了。
示例代码
这是一个简单的 WordPress 插件，它能够在每篇文章下面添加一个“转载声明”的信息。代码结构如下：
my-wp-plugin/ ├── css/ │ └── style.css ├── js/ │ └── script.js ├── index.php ├── readme.txt └── my-wp-plugin.php
my-wp-plugin.php 是插件的入口文件，代码如下：
-- -------------------- ---- -------
-----
---
- ------ ----- -- --------- ------
- ------ ---- ----------------------------------------
- ------------ - ----- ----------- -- -- ------
- -------- ---
- -------- -- ------ ---
- -------- ---- ---
- ------- ---- ---
- ------ ---- -------------------
- -------- --- -- -- -----
- ------- ---- -----------------------------------------
- ---- ------- ------------
- ------ ----- ----------
--
-- ---- -- -------- ---------
-- - - -------- --------- - - -
-----
-
---
- ------ ------ ----------
--
------- ----------------------- ------- --
------- -------------------- -------- --
------- ------------------- ---------------- ----------------- - --
---
- ------- --------- ------
--
------------ ---------------- - ---------------------------------
------------ ---------------- - ----------------
---
- ---------- --- -------
--
-------- ------------------- -
-----------------------------
-
----------- ----------------- ------------------- --classes/class-my-wp-plugin.php 是插件的主要代码文件，代码如下：
-- -------------------- ---- -------
-----
---
- ---- ------ ------
-
- -------- ------------
--
----- ------------ -
---
- ------ ---------
-
- ---- ------
--
------- ------ ----------
---
- ------ --------
-
- ---- ------
--
------ ---------
---
- ------ ----------
-
- ---- ------
--
------ -----------
---
- ------ -----
-
- ---- ------
--
------ ------
---
- ------ -------- ----------
-
- ---- ------
--
------ -----
---
- ------ ----
-
- ---- ------
--
------ -----
---
- ------ ---- -------
-
- ---- ------
--
------ ------------
---
- ---------- --- -------
--
------- -------- ------------- -
-------------- - ---------------------
---------------- - ---------------
----------- - ---------------
---------- - -----------------
---------- - --------------- ----------------- --
----------------- - ---------------
---------------------------
----------- ------------ ------ ------ -------------------------- -- --- --
-
---
- ---- --- -------- -------------
--
------- -------- ------------------- -
------------ ---------- - --------------------------------------
-
---
- ------- --- -------- ---------
-
- ------- ------ ------ ---------
--
------ ------ -------- -------------- -
-- - ---- --- --------------- - -
--------------- - --- -------
-
------ ----------------
-
---
- ------- --- ------- ----------
--
------ -------- -------------------------- -
------------------ - --- --------------------
---- -----------------------------
-
-functions.php 是插件的辅助函数文件，代码如下：
-- -------------------- ---- -------
-----
---
- ------ ----------
-
- -------- ------------
--
---
- -------- --------
-
- ------ ------ ------ ----- -----
--
-------- ---------------------- ------ - -
-- ---- -------- ------- ---- ----- ---- --------- -------
------- - -----------------
--------- - ---------------- - -----------
---- - ------- ------- --
-- - - -- -------- -------- ------- ---- - - -
--------------- - ------- ------- ---- --
----- - --------- - ------------ ----- ---- --------------- - - -------
-- - ------------ ----- - - -
------- ------
-
-
-
---------------------- ----------------------- --classes/class-reprint-statement.php 是插件的核心代码文件，它定义了一个 Reprint_Statement 类，用于输出文章下面的“转载声明”文本。代码如下：
-- -------------------- ---- -------
-----
---
- ------- --------- ------
-
- -------- ------------
--
--------- -------------
----- ----------------- -
---
- ------ --- ------- ----------
-
- ------- ------ ------- ----------
--
------ -------- -------- -
------ -------------- ------- - --------------- - ---- - --------------- - -----------
-
-结论
npm 包 wordpess-plugins-generator 是一款非常方便的工具，能够帮助我们快速创建一个标准的 WordPress 插件框架，大大减少了开发时间。希望这篇文章能够帮助新手理解如何使用 wordpress-plugin-generator 创建 WordPress 插件，并且能够为其他前端开发者提供帮助和指导。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055c3181e8991b448d9d11