欢迎光临
我们一直在努力

使用Options Framework框架为自己的主题添加设置页面

建站超值云服务器,限时71元/月

自己写了一个主题没有设置界面,想弄一下SEO还要编辑文件,面对着一大批代码很烦有木有!

外国的大神写了一个设置框架:Options Framework

这货是轻量级的,使用wp的api,提供了常用选项,使用起来也很简单。

项目主页:https://github.com/devinsays/options-framework-theme

直链下载新版本: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';
}

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"=>'' //仅当调用编辑器时使用
);

$options[] = array( “name” =>”, //选项的名称 “desc” =>”, //介绍 “id” =>”, //必填,唯一标示 “std” =>”, //元素默认值 “class” =>”, //该类型元素class “type” =>”, //表单元素类型 “settings”=>” //仅当调用编辑器时使用 );

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

1
2
3
4
$options[] = array(
'name' => '新选项卡',
'type' => 'heading'
);

$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 ) {

if ( ! function_exists( ‘输出函数’ ) ): function 输出函数( $name, $default = false ) {

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

1
2
3
if ( ! function_exists( 'get_jiecao' ) ) :
 
function get_jiecao( $name, $default = false ) {

if ( ! function_exists( ‘get_jiecao’ ) ) : function get_jiecao( $name, $default = false ) {

4.调用设置

可以使用以下代码(此处的of_get_option被改成了get_jiecao,如有需要请自行修改)(请注意要使用echo!):

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

<?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>

add_action(‘optionsframework_custom_scripts’, ‘optionsframework_custom_scripts’); function optionsframework_custom_scripts(){ ?> <script type=”text/javascript”> 你的js代码 </script> <?php }

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 使用Options Framework框架为自己的主题添加设置页面
分享到: 更多 (0)