Options Framework是国外一款非常流行的主题后台开发框架,因为其便捷性与开源免费,许多主题都是采用它作为WordPress主题后台。其分为主题版Options Framework Theme 与插件版Options Framework Plugin。
工具/原料
Options Framework
wordpress网站
本地或者服务器的网站运行环境
安装Options Framework
1、复制Options Framework主题下的inc、images文件夹和options.php,放到你的主题根目玲膛宀耱录下面,在你的主题主函数functions.php中加入以下代码即可(该代码位于Options Framework主题的functions.php中):if (!function_exists('optionsframework_init')){ define('OPTIONS_FRAMEWORK_DIRECTORY', get_template_directory_uri().'/inc/'); require_once dirname(__FILE__).'/inc/options-framework.php';}
2、现在就可以使用了,快看看后台→外观菜单下面是不是多出来一个“Theme Options”菜单呢,点击进去看看吧。
3、如果你需要在设置面板中加入javascript代码,在上面代码后面加入以下代码:add_action('optionsframework_custom_scripts', 'optionsframework_custom_scripts');function optionsframework_custom_scripts(){ ?> <script type="text/javascript"> your javascript code... </script><?php}
4、如果你需要在设置面板后面加入自定义内容,需要在以上代码中加入以下代码:查看/运行代码复制自动换行add_action('optionsframework_after','options_after', 100);function options_after() { ?> your html code...<?php}
使用Options Framework
1、入门,Options Framework(下简称框架)的设置选项以如下形式出现:$options[] = array("name" =>'', //选项的名称"desc" =>'', //介绍"id" =>'', //必填,唯一标示"std" =>'', //元素默认值"class" =>'', //该类型元素class"type" =>'', //表单元素类型"settings"=>'' //仅当调用编辑器时使用);如:$options[] = array( "name"=>'网站公告:', "desc"=>'输入您的网站公告,不要超过50个字符。', "id"=>'site_notices', "std"=>'输入您的网站公告', "class"=>'mini', "type"=>"text" );
2、添加选项卡,在需要加入的地方加入如下代码:$options[] = array('name' => '新选项卡','type' => 'heading' );再在以上代码后面加入需要添加的选项保存预览。
3、调用,通过以上两步,后台设置部分基本完成,那么主题如何调用这些设置值呢?框架自带的主题中明确说明了每一种类型的调用方法,可参考主题中的调用方法,简单来说通过of_get_option($id,$default)即可调用保存的值,其中$id为必选值,即为需要调用元素的id值,$default为可选值,表示当所调用的元素值不存在时显示的值,如:<?php echo of_get_option('site_notices', '暂无公告信息!'); ?>注意,of_get_option()只是返回了一个值,需要用echo输出才能在主题中显示,某些情况下,也可能需要使用如下代码:<?phpif(of_get_option("example_checkbox")){ echo "checkbox is checked";}else{ echo "checkbox is not checked";} ?>通过以上两段代码,应该能较深刻的理解为什么要用echo输出。更详细的内容说明请转至文章底部,下载作者Options Framework中文版,查看更详细的调用方式。
4、修改输出方式,如果想修改以上函数名,找到inc/options-framework.php中478和480两行,将“of_get_option”替换为需要的函数名称即可。如替换为get_opt,则可以通过get_opt($id,$default)调用。
5、主题本地化,如果主题需要支持多种语言,则需要在所有文件中替换“options_framework_theme”为您的主题名称或您想要使用的名称。