WordPress開發(fā)插件教程，從入門到精通

來自：素雅營銷研究院

方知筆記

2025年07月02日 15:43

一、WordPress插件開發(fā)基礎(chǔ)

WordPress插件開發(fā)是擴(kuò)展網(wǎng)站功能的強(qiáng)大方式，它允許開發(fā)者在不修改核心代碼的情況下為網(wǎng)站添加新特性。要開始開發(fā)WordPress插件，首先需要了解一些基本概念：

插件文件結(jié)構(gòu)：每個WordPress插件至少需要一個主PHP文件，文件名通常與插件名稱相同，并包含標(biāo)準(zhǔn)的插件頭部注釋。
插件頭部信息：這是插件的”身份證”，包含插件名稱、描述、版本、作者等信息，格式如下：

/*
Plugin Name: 我的第一個插件
Description: 這是一個簡單的WordPress插件示例
Version: 1.0
Author: 你的名字
*/

插件目錄：建議將插件文件放在/wp-content/plugins/目錄下的獨立文件夾中，即使插件只有一個文件。

二、創(chuàng)建你的第一個WordPress插件

讓我們從創(chuàng)建一個簡單的”Hello World”插件開始：

在/wp-content/plugins/目錄下創(chuàng)建新文件夾，命名為”my-first-plugin”
在該文件夾中創(chuàng)建主PHP文件my-first-plugin.php
添加以下代碼：

<?php
/*
Plugin Name: 我的第一個插件
Description: 在網(wǎng)站底部顯示"Hello World"
Version: 1.0
Author: 你的名字
*/

function my_first_plugin_display() {
echo '<p style="text-align: center;">Hello World from my first WordPress plugin!</p>';
}

add_action('wp_footer', 'my_first_plugin_display');

登錄WordPress后臺，進(jìn)入”插件”頁面，激活你的插件
訪問網(wǎng)站前端，你會在頁面底部看到”Hello World”信息

三、WordPress插件開發(fā)進(jìn)階技巧

掌握了基礎(chǔ)后，可以學(xué)習(xí)以下進(jìn)階技巧：

使用短代碼(Shortcode)：

function my_shortcode_function($atts) {
return "<div class='my-shortcode'>這是通過短代碼顯示的內(nèi)容</div>";
}
add_shortcode('my_shortcode', 'my_shortcode_function');

創(chuàng)建管理頁面：

function my_plugin_menu() {
add_menu_page(
'我的插件設(shè)置',
'我的插件',
'manage_options',
'my-plugin-settings',
'my_plugin_settings_page'
);
}
add_action('admin_menu', 'my_plugin_menu');

function my_plugin_settings_page() {
echo '<div class="wrap"><h1>我的插件設(shè)置</h1>';
echo '<p>這里是插件的設(shè)置頁面內(nèi)容</p></div>';
}

添加設(shè)置選項：

function my_plugin_settings_init() {
register_setting('my_plugin_options', 'my_plugin_options');

add_settings_section(
'main_section',
'主要設(shè)置',
'my_plugin_section_text',
'my-plugin-settings'
);

add_settings_field(
'my_plugin_text_field',
'輸入文本',
'my_plugin_text_field_render',
'my-plugin-settings',
'main_section'
);
}
add_action('admin_init', 'my_plugin_settings_init');