wordpress CMS主题 微信
  • 全部教程
  • Home > wordpress CMS主题制作 > 用类来添加wordpressCMS主题设置页面(4):实例化类-添加配置页面

    用类来添加wordpressCMS主题设置页面(4):实例化类-添加配置页面

    高时银博客 wordpress CMS主题制作 点击: 1,287 次 0 1

    前面的章节,我们创建了一个wordpressCMS主题的设置页面的类文件,这样,我们就完成了一个设置页面的框架,当然,这个框架我们只添加了一些基本的表单选项,你还可以根据自己的需要添加其实表单这里不多说。虽然有了框架,但是我们还不能让wordpress主题设置页面显示出来,因为我们还没有实例化它。下面,我们就来实例化这个类,让wordpress主题设置页面添加到后台的的菜单中。

    首面,我们先在wordpress主题文件夹下创建一个配置页面文件:theme-option.php 。

    第一步:引用class-theme.php类文件。

    这一点很重要,在wordpress主题的functions.php文件中引用class-theme.php这个类文件,代码如下:

    include('class-theme.php');

    第二步:引用theme-option.php文件。

    include("theme-option.php');

    这个theme-option.php就是我们用来实例化类的文件,我们要在这个文件中添加我们想在wordpress主题设置页面显示的内容。

    第三步:给theme-option.php添加内容。

    在类中,我们设置了文本框、文本域、单选框、复选框、图片上传这5种表单类型,所以,我们在theme-option.php配置文件中可以添加这5种表单元素,而且同一个表单选项可以重复添加,重复添加时只需要把id设置成不同的就可以了。示例代码如下:

    <?php

    $pageinfo = array('full_name' => '网站主题设置', 'optionname'=>'wanlimm', 'child'=>true, 'filename' => basename(__FILE__));

    $options = array();

    $options[] = array( "type" => "open");

    $options[] = array(
    "name"=>"文本框",
    "id"=>"_wanlimm_text_1",
    "std"=>"文本输入框",
    "desc"=>"高时银博客版权所有",
    "size"=>"60",
    "type"=>"text"
    );

    $options[] = array(
    "name"=>"文本框",
    "id"=>"_wanlimm_text_2",
    "std"=>"文本输入框",
    "desc"=>"高时银博客版权所有",
    "size"=>"60",
    "type"=>"text"
    );

    $options[] = array(
    "name"=>"文本域",
    "id"=>"_wanlimm_textarea",
    "std"=>"文本域",
    "desc"=>"高时银博客版权所有",
    "size"=>"60",
    "type"=>"textarea"
    );

    $options[] = array(
    "name" => "图片上传",
    "desc" => "请上传一个图片或填写一个图片地址",
    "std"=>"",
    "id" => "_wanlimm_logo_1",
    "type" => "upload");

    $options[] = array(
    "name" => "图片上传",
    "desc" => "请上传一个图片或填写一个图片地址",
    "std"=>"",
    "id" => "_wanlimm_logo_2",
    "type" => "upload");

    $options[] = array( "name" => "单选框",
    "desc" => "请选择",
    "id" => "_wanlimm_radio",
    "type" => "radio",
    "buttons" => array('Yes','No'),
    "std" => 1);

    $options[] = array( "name" => "复选框",
    "desc" => "请选择",
    "id" => "checkbox_wanlimm", //id必须以checkbox_开头
    "std" => 1,
    "buttons" => array('手机','电脑','平板','MP4'),
    "type" => "checkbox");
    $options[] = array( "type" => "close");

    $options_page = new Wanlimm_Class($options, $pageinfo);

    ?>

    在上面的代码中,我们可以看到,我们添加了2个文本框和2个图片上传,但是它们的ID不一样,这样就可以全部有效。在前台调用这些表单元素的值时,我们就要用到这些元素的ID,通过不同的ID来调用不同的元素值——也就是我们在后台添加的选项值。

    到这里,我们的wordpress主题设置页面就正式创建成功了。效果如下图:

    用类来添加wordpressCMS主题设置页面(4):实例化类-添加配置页面

    也许有人要问了,这样通过类做wordpress主题设置页面比前直接创建要麻烦,呵呵,你说得不能说不对,在创建类的时候,确实比前面创建wordpress主题设置页面的方法要麻烦一点,但是,你要知道,主题的设置页面里不只有这几个选项,可能会有几十个这样的表单选项,一些比较复杂的CMS主题,可能有上百个表单选项,如果用前面的方法,你想想看,我们的代码要写多少呢?比如文本框要20个,你用前面的方法,要写20个文本框代码,要写20个文本框数据处理代码,这样多麻烦呀。而通过类,我们就可以轻松地如本文中那样,简单地通过不同的ID来添加多个表单选项。


    文章作者:高时银博客
    本文地址:http://wanlimm.com/77201506274527.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    目前还没有评论。赶快来坐沙发吧。

    发表评论