• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > wordpress CMS主题制作 > wordpress CMS主题设置页面如何添加设置选项和数据保存?

    wordpress CMS主题设置页面如何添加设置选项和数据保存?

    作者: 分类:wordpress CMS主题制作 点击: 4,820 次
    wordpress CMS主题:ssmay主题

      在前面的章节中我们介绍过“如何给wordpress主题添加主题设置页面”,当时,我们只是为wordpressCMS主题添加了主题设置菜单,并没有在设置页面中添加任何设置选项。一个wordpress主题设置里应该包含众多的设置选项供用户来设置前台的效果,比如ssmay主题,就包含了众多选项:首页布局、幻灯片选项、SEO选项、广告选项…… 。那么,我们如何为wordpress主题设置页面添加设置选项?接着往下看。

      首先,在wordpress主题functions.php文件中添加如下代码:

      function wanlimm_function(){
      add_theme_page( '主题设置', 'wanlimm主题设置', 'administrator', 'ashu_slug','ssmay_function');
      }
      add_action('admin_menu', 'wanlimm_function');

      function ssmay_function(){ ?>
      <form method="post" name="ashu_form" id="ashu_form">
      <h2>主题设置</h2>
      <p>
      <label>
      公告:<input name="ashu_copy_right" size="40" value="<?php echo get_option('ashu_copy_right'); ?>"/>
      </label>
      </p>
      <p class="submit">
      <input type="submit" name="option_save" value="保存设置" />
      </p>
      </form>

      <?php } ?>

      通过上面的代码,我们为wordpress主题添加了一个设置页面,并且在这个设置页面中添加了一个表单输入框,当然你也可以添加其它表单元素。效果如下图:

      wordpress CMS主题设置页面如何添加设置选项和数据保存?

      当然,wordpress主题的设置选项是众多的,我这里只是做一个简单的例子。感兴趣的朋友,可以更加深入一点,添加其它表单元素:单选框、复选框、图片上传、文本域等,当然,要根据自己的主题的需要来添加哦,因为主题设置是为前台的展示服务的。

      ssmay主题

      然后,我们要添加数据保存功能。上面的代码,只是让我们在wordpress后台的主题设置页面添加了选项,如果我们输入数据,我们还不能保存数据,也就是说我们还不能通过它来控制前台的展示。所以,我们还要添加数据保存代码,代码如下:

      $option = get_option('ashu_copy_right');//获取选项
      if( $option == '' ){
      //设置默认数据
      $option = '这里是公告内容';
      update_option('ashu_copy_right', $option);//更新选项
      }
      if(isset($_POST['option_save'])){
      //处理数据
      $option = stripslashes($_POST['ashu_copy_right']);
      update_option('ashu_copy_right', $option);//更新选项
      }

      上面这段代码只针对第一段代码中的表单元素名为“ashu_copy_right”的元素保存数据,如果你添加了其它表单元素,还要对它们一一添加保存代码。上面代码中我们用到了get_option()获取函数和updata_option()更新函数,这2个函数在wordpress主题制作中使用频率是非常高的。

      好了,通过上面2步,我们就为wordpressCMS主题设置页面添加了简单的选项以及数据保存功能,喜欢折腾的朋友,可以继续为wordpress添加其它设置选项,以达到更加丰富主题。



      QQ二维码

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

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

    或许你会感兴趣的文章:

    发表评论

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

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