wordpress CMS主题 微信
  • 全部教程
  • Home > wordpress CMS主题制作 > wordpress CMS主题设置页面如何添加设置选项和数据保存?

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

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

    在前面的章节中我们介绍过“如何给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添加其它设置选项,以达到更加丰富主题。


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

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

    发表评论