如何创建WordPress功能插件

在设计任何WordPress网站时，WordPress插件都至关重要。它们是用来给WordPress网站添加额外功能的。有些功能要么太过基本，要么太过定制化，没有相应的插件。

因此，要找到一个符合你需求的插件可能是一个挑战。

这篇文章将带领你了解WordPress的功能插件，以及如何创建一个插件。

先决条件

要在你的WordPress网站上创建和运行一个插件，你将需要。

对WordPress、HTML、CSS、JavaScript和PHP有一个全面的了解。
一个文本编辑器。
在你的电脑上安装的WordPress。

对WordPress插件的概述

插件是你安装的工具，用来给你的WordPress网站增加特性和功能。一个默认的WordPress安装就像一台没有应用程序的电脑。

对于WordPress，插件就像你安装的那些额外的应用程序，以完成不同的任务。

定制一个WordPress网站可能是不够的。你可能需要增加更多的功能，以满足你的要求。这就是插件的作用。

在本教程中，我们将创建一个功能插件，它将在我们网站的页脚内显示一个链接。该链接将显示在每个页面上。

该链接将引导你到另一个页面，以获得可能满足你需求的服务。

WordPress有一些插件，如Yoast，可以帮助你的网站在搜索引擎中获得高排名，WooCommerce可以帮助你建立一个网上商店，还有其他一些插件，可以让你提高网站的性能。

要使用插件，你可以建立和导入它们，或者直接在你的网站上安装它们。不要从你不信任的来源安装插件。你可以信任wordpress.org 上的插件。

另外，要确保你安装的插件做得很好，并与你的网站需求相匹配。

WordPress插件如何工作

一个WordPress插件的工作原理是在WordPress软件上集成和运行一组功能。WordPress的编程方式允许开发者在其中添加自己的代码。更简单地说，WordPress是以一种允许使用插件进行扩展的方式编写的。

插件将额外的代码添加到你的WordPress网站，从而使其功能更强大。因此，它使你能够根据你的需要来定制你的网站。不幸的是，在你的网站上添加一个插件，比你想象的要重。

WordPress中的数据存储在WordPress数据库中。安装在WordPress网站上的每个插件都安装在你的WordPress数据库中。因此，你可以在任何时候激活和停用插件。

一旦你访问网站，WordPress就会连接到数据库，加载主软件，并加载活动插件。之后，代码在你的服务器上运行并得到处理，然后发送到浏览器上。

WordPress的插件开发

WordPress的主要文件在更新时覆盖。因此，如果直接在原始的WordPress代码中添加一个自定义的功能，在WordPress更新时，你的改动就会被抹去。

这就是为什么插件是必不可少的。因此，添加任何特性和功能都应该使用插件来完成。

让我们来看看创建一个WordPress功能插件的步骤。

第1步：需求定义

创建一个功能性WordPress插件的第一步是定义需求。确保你对该插件的目标有一个清晰的概念。另外，该插件要解决的问题。

考虑该插件的特点和功能是什么。

当你收集了所有的要求，你就可以进入插件开发的第二步。在我们的案例中，我们将创建一个插件，在我们网站的页脚显示一个固定链接。

第2步：导航到WordPress插件文件夹并创建你的插件文件

要创建一个WordPress插件目录结构，首先，导航到用于存储插件代码的默认WP目录。在你的文本编辑器上，前往你的WordPress目录的wp-contents/plugins/ 文件夹。

在我们的例子中，我们将使用Visual Studio Code编辑器。创建一个新的文件夹，用插件的名称来命名；用连字符来分隔这些词，如functionality-plugin 。

下一步是在functionality-plugin.php 这个文件夹内创建一个PHP文件，如下图所示。

PHP file

第3步：为你的插件创建主要的PHP文件

在向你的插件文件添加增加功能的代码之前，提供你所开发的插件的信息是至关重要的。WordPress希望所有的插件都能遵循它的标准。

下面的信息是关于我们正在开发的插件的。

/*
* Plugin Name: Functionality Plugin
* Description: This plugin will display a fixed link on the footer of your website.
* Version: 1.0.0
* Author: Your Name or Your Company
* Author URI: http://yourdomain.com
* License: GPL2
*/

保存PHP文件，然后导航到你的WP仪表盘，点击Plugins ；位于左边的面板。你会看到你的插件列在那里。

Plugin description

第4步：设置你的插件以添加功能

我们的插件是空的。因此，它不能向网站添加任何功能。

下一步是设置插件代码和添加功能。这是你把想法变成现实的步骤。

我们将使用CSS来为插件设置样式，使用JavaScript来实现功能。如果代码执行得好，JavaScript会显示一个警报。

首先，为了使按钮出现，我们需要一个函数。我们还需要将这个函数挂到一个动作钩子上。动作钩子添加或覆盖了WordPress的核心功能。

我们将使用functionality-plugin.php 文件来添加该插件的功能，完整的代码将如下所示。

//include CSS and JS
function dl_enqueue_assets () {
    wp_enqueue_style( 'functionality-styles', plugin_dir_url( __FILE__ ) . 'styling/style.css' );
    wp_enqueue_script( 'functionality-scripts', plugin_dir_url( __FILE__ ) . 'styling/script.js', array('jquery') );
}
add_action ("wp_enqueue_scripts", "dl_enqueue_assets");

// action fixed button
function dl_fixed_button (){
    ?>
    <a href="#" class="dl_fixed_button">Click Here!</a>
<?php
}
add_action ("wp_footer","dl_fixed_button");

在上面的代码中，我们在functionality-plugin 文件夹中创建了一个新的文件夹，并将其命名为styling 。在styling 文件夹中，我们创建了style.css 和script.js 文件，分别为该插件设置样式和添加功能。

在我们的主插件代码中，我们包含了style.css 和script.js 文件。下面是你将包含在PHP文件中的CSS和JavaScript代码。

style.css

.dl_fixed_button {
	display: inline-block;
	background: #fd63dc;
	color: #fff;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: bold;
	position: fixed;
	z-index: 100;
	bottom: 20px;
	left: 20px;
	text-decoration: none;
}

script.js

 jQuery (function($){
   $ ('.dl_fixed_button').click(function(){
       alert('A good click!');
   });
 });

这就是该插件在WordPress网站中的工作方式。

Functionality Plugin

功能性插件

希望如果你已经走到这一步，我们同意开发一个WordPress插件是相对容易的。然而，如果你要创建一个插件，我建议你熟悉动作和过滤器的工作原理。

编码WP插件可以帮助你对WordPress的工作原理有更深刻的认识。

结语

恭喜你！你开发了一个WordPress插件。你开发了一个WordPress插件。我们已经创建了一个插件，在网站的页脚内显示一个固定的链接，并在每个页面上显示出来。

按照这个教程并将其付诸实践，你就可以建立插件，从而扩展你的WordPress网站的功能。

如何创建一个WordPress的功能插件