wordpress主题开发中如何添加主题设置页面

本站开发的几款wordpress中文主题中大家会发现，都有独立的主题设置选项，很多朋友看了以后也很想为自己的wordpress主题添加这样的功能，那么今天就分享一下Options Framework框架。这个框架是轻量级的，使用wp的api，提供了常用选项，使用起来也很简单。

首先，你可以通过这个链接直链下载新版本：https://github.com/devinsays/options-framework-theme/archive/master.zip

大家一定要注意了，下载下来以后不是直接解压放到插件目录，或通过后台安装插件的，因为这个不是一个插件形式的，算是一个主题，您需要安装下面的方法来启用它：

1.在主函数functions.php中加入以下代码（其实这个在Options Framework主题主函数functions.php里）（记得要放在<?php ?>之间）：

1

2

3

4

if (!function_exists('optionsframework_init')){

define('OPTIONS_FRAMEWORK_DIRECTORY',get_template_directory_uri().'/inc/');

require_once dirname(__FILE__).'/inc/options-framework.php';

}

然后下载上面那个主题，把其中的inc、images文件夹和options.php文件放入你的主题根目录

打开你的后台~是不是多了一个设置页面呢？

2.添加设置选项

一般，options.php中选项是以这种方式出现的（非标明必填即为选填）：

1

2

3

4

5

6

7

8

9

$options[] = array(

"name" =>'',//选项的名称

"desc" =>'',//介绍

"id" =>'',//必填，唯一标示

"std" =>'',//元素默认值

"class" =>'',//该类型元素class

"type" =>'',//表单元素类型

"settings"=>'' //仅当调用编辑器时使用

);

如果你想添加最上面那个可以切换的选项卡，添加以下代码（注：自此段代码开始直到下一个此类代码为止，中间这一段都被视作是这个选项卡以内的！）

1

2

3

4

$options[] = array(

'name' => '新选项卡',

'type' => 'heading'

);

3.修改输出方式（非必须）

Options Framework的原本输出函数是of_get_option，如果你想更美观地让他出现，也为了便于记忆，可以进入inc/options-framework.php文件，找到72行和74行（以下1,2,3行分别对应72,73,74行）：

1

2

3

if ( ! function_exists( '输出函数' ) ):

 

function 输出函数( $name,$default = false ) {

比如说，你想要的输出函数是get_jiecao，那么此处就为

1

2

3

if ( ! function_exists( 'get_jiecao' ) ) :

 

function get_jiecao( $name,$default = false ) {

4.调用设置※

可以使用以下代码（此处的of_get_option被改成了get_jiecao，如有需要请自行修改）（请注意要使用echo！）：

1

<?php echo get_jiecao('相应的id','如果没有内容则输出我'); ?>

5.使用JavaScript

由于此框架的安全机制，回自动过滤掉js，object等，如需使用（比如说你想加一个统计代码，就必须使用这个否则js会无效），请在第一步的代码后加入此段代码：

1

2

3

4

5

6

7

add_action('optionsframework_custom_scripts','optionsframework_custom_scripts');

function optionsframework_custom_scripts(){ ?>

<script type="text/javascript">

你的js代码

</script>

<?php

}