所有分类
  • 所有分类
  • WP插件Pro
  • HTML模板
  • 微信小程序模板
  • 源码

如何创建 WordPress 插件

WordPress 是一个面向博客和企业主的多功能平台,可让您创建从个人博客到电子商务商店的所有内容。这种灵活性的一个组成部分是WordPress 插件,它们是扩展网站功能的微小软件。在这份综合指南中,我们将引导逐步完成编写 WordPress 插件的过程,从基础知识到更复杂的概念。本指南的编写目的是让初学者能够理解,但也为那些想要提高 WordPress 插件开发技能的人提供了大量详细信息。

WordPress 插件简介

WordPress 插件是一个可以添加到 WordPress 网站以扩展其功能的软件。无论是想添加联系表单、改进搜索引擎优化还是与社交媒体平台集成,可能有一个插件可以都做到这一点。WordPress 的美妙之处在于,如果不存在特定功能的插件,可以自己创建它。

设置环境

在开始编写 WordPress 插件之前,需要设置本地开发环境。

本地服务器

第一步是安装本地服务器环境,例如XAMPP或MAMP。在本地计算机上运行 WordPress,而不会影响在线网站。

WordPress安装

设置本地服务器后,下一步就是安装 WordPress。从官方网站下载最新版本的 WordPress 并将其解压到本地服务器的 htdocs 目录中。

代码编辑器

最后,安装代码编辑器,例如 Visual Studio Code、Sublime Text 或 Atom。这些编辑器代码编写和调试更加容易方便。

创建你的第一个 WordPress 插件

现在,让我们开始创建一个简单的插件。

创建插件文件夹和文件

找到到你的 WordPress 安装目录。在 wp-content/plugins 目录中,使用插件名称创建一个新文件夹。在本教程中,我们将创建一个简单的插件来显示“Hello Word”,因此我们将文件夹命名为“greeting-plugin”。在此文件夹中,创建一个同名的 PHP 文件,即“greeting-plugin.php”。

添加插件信息

在代码编辑器中打开“greeting-plugin.php”。使用 PHP 开始标签开始文件<?php,并在其后添加包含有关插件详细信息的注释块。WordPress 读取此信息并将其显示在插件页面上。

<?php
/*
Plugin Name: Greeting Plugin
Plugin URI: http://yourwebsite.com/
Description: This is a simple plugin to display a greeting message
Version: 1.0
Author: Your Name
Author URI: http://yourwebsite.com/
License: GPL2
*/

激活插件

打开 WordPress 管理仪表板,转到“插件”页面,应该会看到新插件。单击“启用”以激活插件。

为插件添加功能

现在我们已经创建并启用了插件,让我们添加一些功能。当在文章或页面中使用特定的短代码时,我们将使插件显示”hello word”消息。

将以下代码添加到您的“greeting-plugin.php”文件中:

function greeting_shortcode($atts) {
    $message = "Hello, welcome to my WordPress site!";
    return $message;
}
add_shortcode('greeting', 'greeting_shortcode');

此代码定义了一个返回“Hello”消息的函数。该函数在使用add_shortcode短代码时运行。[greeting]

现在可以创建帖子或页面,使用短代码[greeting],并查看显示的问候消息。

让我们开发一个更复杂的 WordPress 插件

在我们的第一个示例中,我们创建了一个简单的插件,该插件在使用特定的短代码时显示一条消息。现在让我们更进一步,创建一个插件,将联系表单添加到帖子或页面。

创建一个新插件

按照上一节中的步骤创建一个新插件。我们将此插件命名为“contact-form-plugin”。

创建表单

在“contact-form-plugin.php”文件中,我们将创建一个生成简单联系表单的函数。

function display_contact_form() {
    $form = '<form action="' . esc_url($_SERVER['REQUEST_URI']) . '" method="post">';
    $form .= '<p>';
    $form .= 'Your Name (required) <br />';
    $form .= '<input type="text" name="cf-name" pattern="[a-zA-Z0-9 ]+" required="required" />';
    $form .= '</p>';
    $form .= '<p>';
    $form .= 'Your Email (required) <br />';
    $form .= '<input type="email" name="cf-email" required="required" />';
    $form .= '</p>';
    $form .= '<p>';
    $form .= 'Your Message (required) <br />';
    $form .= '<textarea rows="10" cols="35" name="cf-message" required="required"></textarea>';
    $form .= '</p>';
    $form .= '<p><input type="submit" name="cf-submitted" value="Send"></p>';
    $form .= '</form>';

    return $form;
}
add_shortcode('contact_form', 'display_contact_form');

该函数使用 HTML 和 PHP$_SERVER['REQUEST_URI']全局变量创建一个表单,该变量给出当前页面的 URL。我们再次使用短代码来显示表单。

处理表格

接下来,我们需要在提交表单时对其进行处理。我们将在“display_contact_form”函数上方添加以下函数。

function process_contact_form() {
    if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST["cf-submitted"])) {
        $name = sanitize_text_field($_POST["cf-name"]);
        $email = sanitize_email($_POST["cf-email"]);
        $message = sanitize_textarea_field($_POST["cf-message"]);

        $headers = "From: $name <$email>" . "\r\n";

        if (wp_mail("your-email@yourwebsite.com", "Contact Form Submission", $message, $headers)) {
            echo '<div class="message">';
            echo 'Thanks for contacting us, expect a response soon.';
            echo '</div>';
        } else {
            echo 'An unexpected error occurred';
        }
    }
}
add_action('init', 'process_contact_form');

该函数检查表单是否已提交,清理输入数据,并使用该函数发送电子邮件wp_mail。如果邮件发送成功,会显示成功信息;否则,会显示错误信息。

为插件添加管理页面

为您的插件添加管理页面允许用户更改设置和配置。将在“联系表单插件”中添加一个管理页面。

注册管理页面

将使用该add_menu_page功能将新页面添加到 WordPress 管理菜单。操作方法如下:

function contact_form_admin_page() {
    add_menu_page(
        'Contact Form', // Page title
        'Contact Form', // Menu title
        'manage_options', // Capability
        'contact-form', // Menu slug
        'contact_form_admin_html' // Function that displays the page content
    );
}
add_action('admin_menu', 'contact_form_admin_page');

此代码在管理菜单中添加了一个名为“联系表单”的新菜单项。单击时,它会调用该contact_form_admin_html函数。

创建管理页面

接下来,我们需要创建该contact_form_admin_html函数。此函数输出我们的管理页面的 HTML 内容。

function contact_form_admin_html() {
    ?>
    <div class="wrap">
        <h1>Contact Form</h1>
        <form method="post" action="options.php">
            <?php
            settings_fields('contact_form_options');
            do_settings_sections('contact_form');
            submit_button();
            ?>
        </form>
    </div>
    <?php
}

此代码生成一个简单的表单,用户可以在其中保存我们插件的设置。

注册设置

要保存表单中的设置,我们需要注册设置。操作方法如下:

 

 

原文链接:https://www.itaoda.cn/blog/13466.html,转载请注明出处。

0
使用和安装有任何问题
请加客服QQ:1442071397 或wechat:pufei889


免责声明

本站所发布的部分内容自网络,该部分内容限用于学习和研究目,有版权问题的,下载后的24个小时之内,从您的电脑中彻底删除。且不得将用于商业或者非法用途,否则,一切后果请用户自负,与本站无关。

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

× 发送
微信扫一扫

海量独立站商城

本站拥有海量商城独立站模版,涉及各行各业产品,提供免费安装部署,免费对接支付,提供物流发货解决方案,支持多语言、多币种。更多帮助,请直接在右下角联系客服

禁止将网站用于含诈骗、赌博、色情、木马、病毒等违法违规业务,本站将暂停一切售后。

温性提示

演示站服务器在国外,网站打开速度有点慢,请耐心等待

多功能、多行业外贸商城 wordpress商城WOOCOMMERCE

23+
行业模板