Options Framework Theme介绍

最后更新于 2012 年 11 月 20 日

由wpthemeing.com出品的Options Framework Theme是一款非常容易使用的后台主题选项框架，本文主要介绍一下这款框架的基本使用方法。

概述

Options Framework Theme是Options Framework的主题版，特点是可以集成到主题中，想象一下那些收费主题的后台选项吧，用这个就可以实现。Options Framework也有插件版，叫做Options Framework Plugin，定制化上比主题版稍差，但重用性和方便性都大大增加了。

主题版下载地址：点击查看

插件版下载地址：点击查看

Options Framework作者网站：点击查看

主题版如何使用

本文重点介绍主题版的使用方法。首先通过第一节提到的下载地址下载Options Framework Theme。这本身就是一款主题，直接放到themes目录下启用就可以看到主题选项面板，不过我们要将他继承到自己的主题中。

1. 将目录下的admin目录、images目录和options.php文件拷贝到自己主题的根目录中。

2. 合并functions.php，打开Options Framework的functions.php，这是框架的初始化代码，放到自己主题的functions.php中

if ( !function_exists( 'optionsframework_init' ) ) {
	define( 'OPTIONS_FRAMEWORK_DIRECTORY', get_bloginfo('template_directory') . '/admin/' );
	require_once dirname( __FILE__ ) . '/admin/options-framework.php';
}

如果自己的主题是Child Theme,将get_bloginfo('template_directory')换成get_bloginfo('stylesheet_directory')。

刷新后台就可以看到外观选项卡下多了一项“Theme Options”。

Options Framework产生的后台选项页面是选项卡式的，非常美观大方，支持的功能也很多，包括：

• 表单按钮（text、checkbox、radio、select）
• 图片上传
• 背景图片和背景色
• 字体选择
• 图片选择（例如用来选择主题的layout）
• 帮助信息
• 复位按钮

如何产生这些选项？这就是Options Framework方便的地方，一切都定义在options.php中，打开这个文件照葫芦画瓢就能做出自己的选项

<?php

/* options.php line 60 */

//初始化存储选项的$options数组
$options = array();

//定义一个选项卡，标题是Basic Settings，注意type是heading
$options[] = array("name" => "Basic Settings",
    "type" => "heading");
    //定义一个text类型的input box，type要设置为text，class为mini会让input长度比较短
    $options[] = array("name" => "Input Text Mini",
    "desc" => "A mini text input field.",
    "id" => "example_text_mini",
    "std" => "Default",
    "class" => "mini",
    "type" => "text");

//同上，但没有设置class mini，input长度较长
$options[] = array("name" => "Input Text",
    "desc" => "A text input field.",
    "id" => "example_text",
    "std" => "Default Value",
    "type" => "text");

//输出一个textarea
$options[] = array("name" => "Textarea",
    "desc" => "Textarea description.",
    "id" => "example_textarea",
    "std" => "Default Text",
    "type" => "textarea");

//输出select下拉菜单，$test_array存储下拉菜单的选项，“std”表示默认选中的项
$options[] = array( "name" => "Input Select Small",
 "desc" => "Small Select Box.",
 "id" => "example_select",
 "std" => "three",
 "type" => "select",
 "class" => "mini", //mini, tiny, small
 "options" => $test_array);

...

从上面的代码可以看出，比较重要的参数是

• name – 选项的label名称
• id – 这个id很重要，区分每个选项，必须是唯一的，存储和获取选项时这个作为键使用
• type – 不同type产生不同的选项

以上代码产生的选项如下图所示

如何读取选项的值

只需要一行代码

of_get_option($id,$default)

例如

of_get_option('example_text_mini'): 

查看目录下的index.php，有使用说明和代码示例

Options Framework Theme是开源且免费的，你可以将它用于任何主题中，包括templatemonster出售的某些商业WordPress主题也在使用这个框架构建后台主题选项。