wordpress主题后台管理菜单制作教程

一款好的wordpress主题,必须有功能全面的后台管理菜单,这样方便用户设置自己的主题功能,WP只是集成了很少的功能,要想修改Logo,幻灯片,版权,博客样式等等,就要在后台管理菜单中集成功能,那么我们必须先构建这样的后台菜单,然后逐渐的添加功能,当然你完全可以使用wordpress后台管理框架,建议您看看以下两篇教程:

1、WordPress轻量级后台框架OptionsFramework使用设置举例
2、WordPress最棒的后台框架Redux Framework使用举例

wordpress主题后台管理菜单制作教程 配图1

1、 建立一个background_meun.php文件
把这个文件在functions.php中引入

require get_template_directory() . '/inc/background_meun.php';

2、了解后台框架数组

$options = array(
        //开始第一个选项标签数组
        array(
            'title' => '基本设置',//标签显示的文字
            'id'    => 'panel_general',//标签的ID
            'type'  => 'panelstart' //顶部标签的类型
        ),
......
$options = array(
        //开始第一个选项标签数组
        array(
            'title' => '高级设置',//标签显示的文字
            'id'    => 'panel_genera2',//标签的ID
            'type'  => 'panelstart' //顶部标签的类型
        ),
......
$options = array(
        //开始第一个选项标签数组
        array(
            'title' => '幻灯片设置',//标签显示的文字
            'id'    => 'panel_genera3',//标签的ID
            'type'  => 'panelstart' //顶部标签的类型
        ),
......

切记:ID必须是唯一的!!!
3、前台调用

    <?php
        if (get_option('git_hot_b') == 'xuanze1') {
           //功能设置
        } elseif (get_option('git_hot_b') == 'xuanze2') {
           //功能设置
        } elseif (get_option('git_hot_b') == 'xuanze3') {
           //功能设置
        } elseif (get_option('git_hot_b') == 'xuanze4') {
    	  //功能设置
        } elseif (get_option('git_hot_b') == 'xuanze5') {
    	  //功能设置
        } elseif (get_option('git_hot_b') == 'xuanze6') {
    	 //功能设置
        } elseif (get_option('git_hot_b') == 'xuanze7') {
          //功能设置
        } elseif (get_option('git_hot_b') == 'xuanze8') {
          //功能设置
        } else {
          //功能设置

最简单的文字框代码

    array(
            'name'  => '文字选项',
            'desc'  => '这里是输入框的描述文字',
            'id'    => 'hot_list_title',
            'type'  => 'text',
            'std'   => '主题预留文字'
        ),

调用方式

<?php echo get_option('hot_list_title'); ?>

4、说明
这里主要用到 add_theme_page() 和 add_action()函数
下面的文章对你有帮助

1、WordPress函数:add_submenu_page()后台为顶级菜单添加子菜单用法及举例
2、WordPress函数:add_menu_page()后台添加顶级菜单用法及举例
3、WordPress函数:add_theme_page()后台添加设置页面

5、完整代码示例文件background_meun.php下载
点击下载background_meun.php文件
代码来自陌小雨的博客

分享到:

用微信扫一扫,分享给朋友


发布日期:

所属分类: Wordpress 综合