正文 评论

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 ?>之间):

1234
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中选项是以这种方式出现的(非标明必填即为选填):

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

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

1234
$options[] = array(\'name\' => \'新选项卡\',\'type\' => \'heading\');

3.修改输出方式(非必须)

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

123
if ( ! function_exists( \'输出函数\' ) ): function 输出函数( $name, $default = false ) {

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

123
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会无效),请在第一步的代码后加入此段代码:

1234567
add_action(\'optionsframework_custom_scripts\', \'optionsframework_custom_scripts\');function optionsframework_custom_scripts(){ ?><script type=\"text/javascript\">你的js代码</script><?php}

回复

暂无评论