• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > wordpress CMS主题制作 > 用类来添加wordpressCMS主题设置页面(4):实例化类-添加配置页面

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

    作者: 分类:wordpress CMS主题制作 点击: 1,926 次
    wordpress CMS主题:ssmay主题

      前面的章节,我们创建了一个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来添加多个表单选项。



      QQ二维码

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

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.