你想创建一个 WordPress插件 ? 本教程将教您如何操作。

插件有助于 WordPress 的流行,因为它们允许没有编码知识的用户创建令人惊叹的网站。

有超过 50 个插件 rWordPress目录  专为各种目的而设计。 你会找到 WordPress插件订阅时事通讯 安全 et  电子商务 . 只是命名它。

没有它们,WordPress 网站只是静态图像和文本块的集合。 通过插件,内容管理系统可以实现令人难以置信的定制级别。

无论您是需要为您的网站定制插件还是想要创建一个 WordPress插件 并将其货币化,让我们开始吧。

对问题的解答

WordPress 插件赚钱吗?

是的。 这 WordPress插件 带来钱。 您可以在您的网站或第三方市场上出售该插件。

CodeCanyon Themeforest 和魔力 市场  是销售插件的 3 个最佳网站。

您还可以将插件的免费版本添加到 WordPress 存储库,并提供具有附加功能的高级版本。

创建 WordPress 插件难吗?

创造一个 WordPress插件 相对容易和困难,取决于你想要的功能。

如果您已经熟悉 WordPress 开发和 PHP 编程的基础知识,那么创建插件很容易。 如果你不是,那可能会非常困难。 最好从一个简单的插件开始,如本指南所示。

插件开发人员赚多少钱?

根据 Zip Recruiter 的数据,开发人员的平均时薪 WordPress插件 在美国是每小时 35 美元。 这相当于每年约 72 美元,每月约 000 美元。

如果您出售插件,您每月最多可赚取 5 美元,具体取决于销售数量。 提供插件定制服务可以让你每小时赚取 000 到 20 美元。

创建 WordPress 插件需要什么

要创建插件,您无需成为专业的 WordPress 开发人员。 您只需要一些基本的编码知识即可开始。

  • PHP编程基础知识: WordPress 插件是用 PHP 编写的,因此您应该在开始之前了解该语言及其语法。
  • 基本的 HTML 和 CSS:  HTML 和 CSS 允许您控制插件的显示和外观。 因此,了解他们的基础知识以创建 WordPress 插件至关重要。
  • 熟悉WordPress:  熟悉 WordPress 平台及其主要功能以及 WordPress的法典 (WordPress 开发在线手册)。
  • 开发环境: 要开发和测试您的插件,您需要在本地计算机或开发站点上安装 WordPress。 这将允许您在不影响实时网站的情况下测试您的插件。 我们将在下一节中向您展示如何执行此操作。
  • 文本编辑器: 您将需要一个文本编辑器来编写您的插件代码。 许多选项可用,例如 S崇高的文字, 原子 et Visual Studio代码.

如何通过 7 个步骤创建 WordPress 插件

第 1 步:了解 WordPress 插件的工作原理

因为 WordPress 是用编程语言编写的,所以任何具有编码知识的人都可以访问和修改 WordPress 代码。

这正是插件的工作方式。 它们允许您通过使用某些 PHP 函数直接与您的 WordPress 交互来修改和扩展 WordPress 的功能。

创建您的 WordPress 插件并添加代码只会在您使用挂钩调用 PHP 函数时执行某些操作。 挂钩使您的插件无需编辑核心文件即可与 WordPress 交互。

让我们看看方括号和函数之间的关系,以了解 WordPress 插件的基础知识。

WordPress 功能:

WordPress 代码建立在允许任何第三方代码与 WordPress 交互的函数之上。 这就是为什么您会在插件和主题中找到许多功能。 每个函数都有其名称,后跟大括号和大括号内的代码。

这是一个例子:

function sticky_header() {

  ?>

  <script>

  // Select the header element

  var header = document.querySelector(‘header’);

  // Get the offset position of the header

  var sticky = header.offsetTop;

  // Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position

  function addSticky() {

    if (window.pageYOffset > sticky) {

      header.classList.add(“sticky”);

    } else {

      header.classList.remove(“sticky”);

    }

  }

  // Add the sticky class to the header when you scroll the page

  window.onscroll = function() {

    addSticky();

  };

  </script>

  <?php

}

add_action( ‘wp_footer’, ‘sticky_header’ );

您可以通过在您希望代码运行的位置键入 sticky_header() 来直接在您的 WordPress 插件中调用此函数。 但这是一种不好的做法,因为您可能会遇到问题。 以下是您不应在代码中直接调用函数的另外两个原因。

首先,直接调用仅适用于基本功能,例如向主题文件添加内容。 此外,使用这种方法,您将不得不多次调用函数以在多个地方使用它们,这在代码文件中既耗时又麻烦。

如果您不熟悉编码,手动调用函数也可能很棘手。 创建插件时,最好的做法是将它们附加到一个钩子上。 这将使您不必在多个地方调用该功能。

WordPress 挂钩:

钩子是 WordPress 代码中的一个特定点,您可以在其中执行自己的自定义功能。 有两种类型的挂钩:动作挂钩和过滤器挂钩。

动作挂钩

动作挂钩允许您在 WordPress 运行周期中的特定时间执行自定义函数。 这就是动作挂钩的语法。

add_action('hook_name', 'my_custom_function');

Le  钩子名称  是您要使用的操作挂钩的名称。

WordPress 中有几个动作挂钩。 您可以在 codex WordPress的.

我的自定义函数  是包含您要执行的代码的函数。 这个函数必须在函数之前定义 ADD_ACTION.

将上面的粘性标头函数附加到挂钩的语法如下所示。

add_action( 'wp_footer', 'sticky_header' );

当调用 wp_footer 动作挂钩时,此函数执行 sticky_header() 函数。 您还可以通过将 wp_footer 替换为您选择的挂钩名称来将​​函数附加到特定挂钩。

例如:

add_action( 'init', 'sticky_header' );

这将在调用 WordPress 初始化操作时运行粘性标头函数。

过滤器挂钩

过滤器挂钩允许您在数据显示或保存到数据库之前修改数据。 下面是一个过滤器挂钩的示例,它将博客文章的标题更改为全部大写。

add_filter( ‘the_title’, ‘uppercase_title’ );

function uppercase_title( $title ) {

  return strtoupper( $title );

}

此函数接受一个参数 $title,它是博客文章的原始标题。

该函数然后使用该函数 strtoupper() 将标题转换为大写并返回修改后的值。

动作钩子和过滤器钩子之间的区别

动作挂钩允许您在 WordPress 运行周期中的特定时间执行自定义函数。 在上面的例子中,动作挂钩 wp_footer 在标记之前被调用。

另一方面,过滤器挂钩允许您修改通过 WordPress 代码库传递的数据。

如上例所示,过滤器钩子 标题 允许您在博客文章显示在网站上之前编辑其标题。

第二步:搭建测试环境

创建 WordPress 插件的第二步是设置测试或开发环境。 目标是避免在真实站点上进行试验。

创建插件有时需要来回。 您也可能会犯下会损坏您的网站的错误。

您可以将您的计算机用作本地服务器来托管一个测试 WordPress 站点,您可以在其中创建和测试您的插件。

如果你的计划住宿 支持创建测试站点,你也可以使用。 我们将在这里使用第一个解决方案。

要设置测试环境,我们将 下载本地 ,一种用于本地托管 WordPress 网站的开发工具。

下载完成后,在您的计算机上启动该软件并单击 +图标 在左下角创建一个新的本地站点。

创建一个WordPress插件

从中选择 建立一个新的网站 并单击该按钮 继续.

接下来,按照屏幕上的说明添加站点名称、设置环境并创建 WordPress 登录详细信息。

完成后。 点击按钮 添加站点。 添加您的站点后,在本地仪表板中选择您的网站并启动您的 WordPress 管理仪表板。

管理员登录页面打开后,使用 用户名 等乐 密码 您在上面创建的以访问您的仪表板。

完成。 您的测试环境已准备就绪。 让我们开始创建您的 WordPress 插件。

第 3 步:创建您的插件文件夹

一旦您的测试环境就位,您需要做的第一件事就是在您的站点目录中创建一个插件文件。 默认情况下,WordPress 将所有插件存储在该目录中 wp-content/plugin.

安装在 WordPress 站点上的每个插件都会在此目录中有一个文件夹。 因此,对于您的插件,您必须在此目录中创建一个文件夹并为其命名。

对于本教程,我们将导航到该文件夹 wp-content/plugin 在我们的本地站点目录中。 就是这样。

注意:  如果您使用中间站点,过程是相同的。

在您的本地仪表板上,单击  转到站点文件夹 . 您将被重定向到本地站点目录。

选择 应用 在选项中,单击 国家 然后 WP-内容. 您将在此目录中看到不同的文件夹。

打开文件夹 插件 和一个包含您的插件名称的新子文件夹。 我们将在这里使用 置顶标题 因为它是我们要创建的插件的名称。

第 4 步:为您的插件创建主 PHP 文件

创建插件文件夹后,下一步是将 PHP 文件添加到该文件夹​​。 这是您的插件代码和功能可用的地方。

对于本教程,我们只需要一个 PHP 文件来创建一个在 WordPress 中创建粘性标头的简单插件。

对于具有高级功能的更复杂的插件,插件文件夹中可能有不同的文件类型,例如 CSS 和 javascript。 在我们的例子中,一个 PHP 文件就足够了。

为此,请在插件文件夹中创建一个 PHP 文件,如下面的屏幕截图所示。

一旦文件准备就绪,就可以向您的插件添加一些信息了。

第五步:配置你的插件信息

也称为插件文件头,您的插件信息是一个 PHP 注释块,其中包含有关您的插件的详细信息,例如插件名称、版本、URL、作者姓名及其网站、许可证等。

这是您在安装插件后在 WordPress 插件页面上看到的信息。

你可以找到 WordPress codex 中的插件文件头 . 看起来像这样。

只需将此代码复制并粘贴到您的插件的 PHP 文件中,然后编辑详细信息以适合您的插件。 在我们的例子中,粘性标头插件文件阅读器将如下所示。

<?php

/*

Plugin Name: Sticky Header

Plugin URI: https://wordpress.org/plugins/sticky-header/

Description: Make your website header sticks to the top of every page on your website as users scroll.

Author: The Team

Author URI: https://blogpascher.com/sticky-header

Text Domain: Sticky Header 

Domain Path: /languages

*/

保存此文件后,您就创建了一个新插件,您可以在站点上已安装的插件列表中找到它。

登录到您的测试站点的 WordPress 仪表板并转到 Plugins>Plugins installés.

您将看到带有详细信息的 Sticky Header 插件。 这里是。

创建一个WordPress插件

您现在可以激活该插件,但它不会执行任何操作,因为我们尚未向其添加任何功能。 所以让我们的插件做点什么。

第 6 步:将代码添加到您的插件

为此,我们将添加我们在学习上述 WordPress 函数和挂钩时使用的粘性标头代码。 就是这样。

打开插件的 PHP 文件。 在标头详细信息下,将这些代码片段复制并粘贴到插件的主 PHP 文件中并保存。

function sticky_header() {

  ?>

  <script>

  // Select the header element

  var header = document.querySelector(‘header’);

  // Get the offset position of the header

  var sticky = header.offsetTop;

  // Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position

  function addSticky() {

    if (window.pageYOffset > sticky) {

      header.classList.add(“sticky”);

    } else {

      header.classList.remove(“sticky”);

    }

  }

  // Add the sticky class to the header when you scroll the page

  window.onscroll = function() {

    addSticky();

  };

  </script>

  <?php

}

add_action( ‘wp_footer’, ‘sticky_header’ );

这段代码做了两件基本的事情,

功能 粘性标题 当用户滚动页面时激活,当滚动停止时停止。

二、动作 add_action('wp_footer', 'sticky_header'); 使用地址……

保存代码,就是这样。 您已经成功创建了一个 WordPress 插件,当用户滚动浏览它时,它可以使您的网站标题保持粘性。

第七步:激活插件。 在行动中。

返回您的站点并激活插件。

当您滚动浏览网站的实时版本时,您的网站标题将保留在页面顶部。

创建一个WordPress插件

在您的演示网站上看到新插件的效果后,就可以在您的真实网站上试用它了。

在此之前,请确保您已经测试了插件的错误和漏洞。 解决它们(如果适用)。 作为预防措施, 备份您的 WordPress 网站 在部署新插件之前。

如果您对该插件在您网站上的性能感到满意,您可以将您的插件上传到 WordPress 插件存储库。 由于网站所有者免费使用它,您将收到有关改进内​​容和改进方法的反馈。

如果你想用你的插件赚钱,你可以在我们上面列出的网站之一上出售它

结论

如果您已经做到这一点,您就会同意创建 WordPress 插件相对简单。 按照本指南中的说明,您将能够创建一个基本的 WordPress 插件。 您可以尝试任意多的功能并改进插件的功能。

创建复杂的插件遵循相同的方法。 更多功能意味着插件文件中的更多功能。

您是否尝试过创建 WordPress 插件? 让我们在下面的评论部分谈谈您的体验。