注册 登录
  • 亦之博客- 最专业的wordpress主题免费收集分享平台,WordPress免费主题应有尽有!http://yizhiboke.com
  • 公告:网站最近做了下固定链接,如有访问却看不到的文章可以在网址后缀加.html.
  • 秀人蜜| 秀人网倾力打造最有视觉效果的美女图片网站——www.xiuren.me
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏 亦之博客
  • 一秒钟记住我们的网址:www.yizhiboke.com

WordPress主题后台制作-设置选项类文件使用方法

上一篇教程中贴出了一个可以很方便添加后台设置选项的类文件,下面是该类文件的使用方法:

一、载入类文件

在你的主题functions.php文件中使用include_once载入该文件,比如上节教程的类存放于主题文件夹下的option-class.php文件中:

include_once('option-class.php');  

二、检查js文件

如果你需要使用上传图片的选项,请根据上节教程类代码中 enqueue_head函数里面加载的js文件路径,准备好一个js文件,js代码在上节教程中也贴出了。

三、新建配置文件

例如在主题文件夹中新建一耳光option.php文件,也使用include_once载入该文件:

include_once('option.php');   

设置选项的配置代码都添加在该文件中。

四、配置选项

用编辑器打开上面添加的option.php,添加配置代码,示例代码如下:

注意

对于数组类型、复选框、编辑器,配置中的id有要求。
复选框和数组保存的数据为数组

<?php      
     
$pageinfo = array('full_name' => '阿树工作室网站设置', 'optionname'=>'ashu', 'child'=>false, 'filename' => basename(__FILE__));      
     
$options = array();      
                  
$options[] = array( "type" => "open");      
     
$options[] = array(       
                "name"=>"阿树工作室-标题",      
                "desc"=>"这是一个设置页面示范",      
                "type" => "title");      
                      
$options[] = array(      
                "name"=>"文本框",      
                "id"=>"_ashu_text",      
                "std"=>"阿树工作室文本输入框",      
                "desc"=>"阿树工作室版权所有",      
                "size"=>"60",      
                "type"=>"text"     
            );      
     
$options[] = array(      
                "name"=>"文本域",      
                "id"=>"_ashu_textarea",      
                "std"=>"阿树工作室文本域",      
                "desc"=>"阿树工作室版权所有",      
                "size"=>"60",      
                "type"=>"textarea"     
            );      
     
$options[] = array(      
            "name" => "图片上传",      
            "desc" => "请上传一个图片或填写一个图片地址",      
            "std"=>"",      
            "id" => "_ashu_logo",      
            "type" => "upload");              
     
$options[] = array(  "name" => "单选框",      
            "desc" => "请选择",      
            "id" => "_ashu_radio",      
            "type" => "radio",      
            "buttons" => array('Yes','No'),      
            "std" => 1);      
     
$options[] = array( "name" => "复选框",      
            "desc" => "请选择",      
            "id" => "checkbox_ashu",   //id必须以checkbox_开头   
            "std" => 1,     
            "buttons" => array('汽车','自行车','三轮车','公交车'),                
            "type" => "checkbox");      
                  
$options[] = array( "name" => "页面下拉框",      
            "desc" => "请选择一个页面",      
            "id" => "_ashu_page_select",      
            "type" => "dropdown",      
            "subtype" => 'page'      
            );      
     
$options[] = array( "name" => "分类下拉框",      
            "desc" => "请选择大杂烩页面",      
            "id" => "_ashu_cate_select",      
            "type" => "dropdown",      
            "subtype" => 'cat'      
            );   
  
$options[] = array( "name" => "分类下拉框",      
            "desc" => "请选择大杂烩页面",      
            "id" => "_ashu_side_select",      
            "type" => "dropdown",      
            "subtype" => 'sidebar'      
            );      
                  
$options[] = array( "name" => "下拉框",      
            "desc" => "请选择",      
            "id" => "_ashu_select",      
            "type" => "dropdown",      
            "subtype" => array(      
                '苹果'=>'apple',      
                '香蕉'=>'banana',      
                '桔子'=>'orange'      
                )      
            );   
               
$options[] = array(      
            "name" => "编辑器",      
            "desc" => "",      
            "id" => "tinymce_ashu",   //id必须以 tinymce_开头   
            "std" => "",   
            "type" => "tinymce"     
            );    
$options[] = array(      
            "name" => "数组信息",      
            "desc" => "请输入一组id,以英文分号隔开,例如 1,2,3",      
            "id" => "numbers_ashu", //id必须以 numbers_开头   
            "size"=>60,   
            "std" => "",   
            "type" => "numbers_array"     
            );             
                  
$options[] = array( "type" => "close");      
     
$options_page = new ashu_option_class($options, $pageinfo);      
?>  

最后面不要忘记类的实例化。

WordPress主题后台制作-设置选项类文件使用方法

前台调用(重要):

注意,我们在类文件中声明了一个全局变量: $ashu_option; 如果你的设置选项很多,如果前台每次使用一个设置选项都调用一次get_option函数,这是不明智的选择,建议使用一个全局变量。而且我们所有的选项值都在一个选项组里,只需要执行一次get_option函数即获取了所有设置数据,所以将它保存在一个全局变量中。

范例:对于上面的示例设置选项,我们在首页添加代码将设置数据打印出来:

<?php   
    global $ashu_option;   
    var_dump($ashu_option);   
?>

输出结果:

array   
  'ashu' =>    
    array   
      '_ashu_text' => string '阿树工作室文本输入框修改' (length=36)   
      '_ashu_textarea' => string '阿树工作室文本域修改' (length=30)   
      '_ashu_logo' => string 'http://localhost/newtheme/wp-content/uploads/2012/08/1960_19591-360x200.jpg' (length=75)   
      '_ashu_radio' => string '2' (length=1)   
      '_ashu_checkbox' => string 'true' (length=4)   
      '_ashu_page_select' => string '2' (length=1)   
      '_ashu_cate_select' => string '1' (length=1)   
      '_ashu_select' => string 'banana' (length=6)   
      'save_my_options' => string '1' (length=1)   
      'Submit' => string 'Save Changes' (length=12)  

到了这里,如何调用其中的数据,就不赘述了

转载:阿树工作室-wordpress主题定制,制作教程


一秒钟记住我们的网址:www.yizhiboke.com转载请注明:WordPress主题后台制作-设置选项类文件使用方法
喜欢 (3)
[]
分享 (0)
admin
关于作者:
网络虽无边,处处皆是缘。君若有空余,不妨常来玩 www.yizhiboke.com
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址