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

在前面的章节中我们介绍过“如何给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主题的设置选项是众多的，我这里只是做一个简单的例子。感兴趣的朋友，可以更加深入一点，添加其它表单元素：单选框、复选框、图片上传、文本域等，当然，要根据自己的主题的需要来添加哦，因为主题设置是为前台的展示服务的。

[baidu2]

然后，我们要添加数据保存功能。上面的代码，只是让我们在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添加其它设置选项，以达到更加丰富主题。