在WordPress中创建设置页面通常涉及到以下几个步骤:
- 添加设置菜单项。
- 创建设置页面。
- 注册设置。
- 添加设置部分和字段。
以下是一个示例,展示如何使用 settings_fields()
和 do_settings_sections()
创建一个简单的设置页面:
步骤 1: 添加设置菜单项
首先,我们需要在 WordPress 管理菜单中添加一个新的菜单项。
function myplugin_add_settings_page() {
add_options_page(
'My Plugin Settings', // 页面标题
'My Plugin', // 菜单标题
'manage_options', // 权限
'myplugin-settings', // 页面slug
'myplugin_settings_page' // 回调函数
);
}
add_action('admin_menu', 'myplugin_add_settings_page');
步骤 2: 创建设置页面
接下来,我们需要定义一个函数来输出设置页面的内容。
function myplugin_settings_page() {
?>
<div class="wrap">
<h1>My Plugin Settings</h1>
<form method="post" action="options.php">
<?php
// 这将输出所有设置表单字段,并包括必要的隐藏字段
settings_fields('myplugin_options');
// 这将输出所有设置部分及其字段
do_settings_sections('myplugin-settings');
// 提交按钮
submit_button();
?>
</form>
</div>
<?php
}
步骤 3: 注册设置
我们需要注册一个设置组,以及相关的设置字段。
function myplugin_register_settings() {
// 注册设置组
register_setting('myplugin_options', 'myplugin_option_name', 'myplugin_sanitize_options');
// 添加设置部分
add_settings_section(
'myplugin_section_id', // 唯一的ID
'My Plugin Section', // 标题
'myplugin_section_callback', // 回调函数
'myplugin-settings' // 页面slug
);
// 添加设置字段
add_settings_field(
'myplugin_field_id', // 唯一的ID
'My Plugin Field', // 标题
'myplugin_field_callback', // 回调函数
'myplugin-settings', // 页面slug
'myplugin_section_id' // 设置部分ID
);
}
add_action('admin_init', 'myplugin_register_settings');
步骤 4: 添加设置部分和字段回调函数
我们需要定义回调函数来输出设置部分和字段的HTML。
function myplugin_section_callback() {
echo '<p>Here is a description of the section.</p>';
}
function myplugin_field_callback() {
$option = get_option('myplugin_option_name');
?>
<input type="text" id="myplugin_option_name" name="myplugin_option_name" value="<?php echo isset($option) ? esc_attr($option) : ''; ?>" />
<?php
}
function myplugin_sanitize_options($input) {
// 对输入进行清理和验证
$sanitized = sanitize_text_field($input);
return $sanitized;
}
在上面的代码中,我们定义了一个设置页面,一个设置部分和一个设置字段。我们使用了 settings_fields()
函数来输出必要的隐藏字段,以及 do_settings_sections()
函数来输出所有设置部分及其字段。
确保在激活插件后,在 WordPress 管理面板的设置菜单中找到 "My Plugin" 选项,然后你可以看到你创建的设置页面。