WordPress 后台外观自定义添加主题设置

WordPress 后台外观自定义添加主题设置

如果您是 WordPress 主题的作者,您会注意到,每次您激活或更改主题时,后台外观设置选项的默认值可能不适用于您的新主题。因此,在本篇文章中,我们将为您介绍如何在 WordPress 后台自定义添加主题设置。

1.创建功能函数

您需要在您的主题 functions.php 文件中添加以下代码:

function theme_settings_page(){
    add_theme_page( '主题选项', '主题选项', 'manage_options', 'theme-settings', 'theme_settings_page_display');
}
add_action('admin_menu', 'theme_settings_page');

function theme_settings_page_display(){
    echo <h2>主题选项</h2>;
    //主题设置表单
    }

上述代码创建了一个主题选项页面,并指定了其名称、权限和展示内容。

2.创建主题设置表单

您需要在主题选项页面回调函数中编写主题设置的表单。以下是示例代码:

function theme_settings_page_display(){
    echo <h2>主题选项</h2>;
    echo <form method='post' action='options.php'>;
    echo wp_nonce_field('update-options');

    echo '<label>文本框示例</label>';
    echo '<input type='text' name='example_text' value='".get_option('example_text')."' /><br />';

    echo '<label>文本域示例</label>';
    echo '<textarea name='example_textarea'>'.get_option('example_textarea').'</textarea><br />';

    echo '<label>下拉菜单示例</label>';
    echo '<select name='example_select'>';
    echo '<option value='1' '.selected(get_option('example_select'), 1).'>菜单项1</option>';
    echo '<option value='2' '.selected(get_option('example_select'), 2).'>菜单项2</option>';
    echo '</select><br />'

    echo '<input type='submit' name='Submit' value='保存' />';
    echo '</form>';
}

您可以根据需要添加或删除表单字段。在此示例中,我们添加了一个文本框、一个文本域和一个下拉菜单。

3.保存主题设置

在您为主题创建表单之后,您需要将表单的提交数据保存到数据库中。您可以在主题选项页面回调函数中使用以下代码实现:

function theme_settings_page_display(){
    echo <h2>主题选项</h2>;
    echo <form method='post' action='options.php'>;
    echo wp_nonce_field('update-options');

    echo '<label>文本框示例</label>';
    echo '<input type='text' name='example_text' value='".get_option('example_text')."' /><br />';

    echo '<label>文本域示例</label>';
    echo '<textarea name='example_textarea'>'.get_option('example_textarea').'</textarea><br />';

    echo '<label>下拉菜单示例</label>';
    echo '<select name='example_select'>';
    echo '<option value='1' '.selected(get_option('example_select'), 1).'>菜单项1</option>';
    echo '<option value='2' '.selected(get_option('example_select'), 2).'>菜单项2</option>';
    echo '</select><br />'

    echo '<input type='submit' name='Submit' value='保存' />';
    echo '</form>';

    if($_POST['example_text']){
        update_option('example_text', $_POST['example_text']);
    }

    if($_POST['example_textarea']){
        update_option('example_textarea', $_POST['example_textarea']);
    }

    if($_POST['example_select']){
        update_option('example_select', $_POST['example_select']);
    }
}

在此示例中,我们检查每个表单字段是否具有数据,并将其更新为 WordPress 选项中的值。

4.调用自定义主题设置

最后,您需要在您的主题代码中调用刚才创建的主题设置数据。以下是示例代码:

$example_text = get_option('example_text');
$example_textarea = get_option('example_textarea');
$example_select = get_option('example_select');

您可以在主题的任何位置使用这些变量,以获取相应的设置值。

总结

在本篇文章中,我们为您介绍了如何在 WordPress 后台自定义添加主题设置。通过按照上述步骤添加功能函数、创建主题设置表单、保存主题设置以及调用自定义主题设置,您可以在 WordPress 后台管理页面中为您的主题添加新的设置选项。

晓白博客网版权所有,原文地址https://www.xbnb.cn/5345
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容