WordPress添加Options Framework框架教程

Options Framework本身是一个主题,我们在开发WordPress时,给主题增加主题设置功能,使用这个框架是不错的,下面是下载地址:
项目主页:https://github.com/devinsays/options-framework-theme
直接下载最新版本:https://github.com/devinsays/options-framework-theme/archive/master.zip

1.在Options Framework主题主函数functions.php里复制这段代码放在你主题的主函数functions.php中:

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

然后将下载Options Framework框架里面的inc、images文件夹和options.php文件放入你的主题根目录,登录网站后台在主题那里就显示【主题设置】了。

2.自动获取当前主题的选项值,需要修改下options.php 文件这段代码(正确获取到当前主题字段的值):


function optionsframework_option_name() {
	// Change this to use your theme slug
	return 'options-framework-theme';
}

修改为

function optionsframework_option_name() {
	// Change this to use your theme slug
	$option_name = get_option( 'stylesheet' );
    $option_name = preg_replace( "/\W/", "_", strtolower( $option_name ) );
    return $option_name;
}

没修改这段代码的话会导致默认保存的选项值不是当前主题名称,导致获取有误。

3.添加设置选项

options.php中选项是以这种方式出现的(非标明必填即为选填):

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

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

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

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

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

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

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

if ( ! function_exists( 'get_naz' ) ) :
 
function get_naz( $name, $default = false ) {

5.调用设置:

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

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

6.使用JavaScript

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

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

综合上述:此教程教大家如何使用Options Framework框架框架,并整合到自己的网站主题中,如果你想要做更加高端大气的主题设置,你可以进行深度优化。

相关文章

WordPress添加分类筛选功能教程

阅读 8

第一步:将以下代码复制到你的主题functions.php文件中: //获取当前分类ID function get_category_root_id($cat) { $this_category = get_category($cat...博文来自:技术博客

WordPress添加自定义QQ分享、微博分享功能教程

阅读 29

使用到的接口: 1.分享到QQ空间接口:https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&sharesource=qzone&title=你的...博文来自:技术博客

WordPress邀请码功能开发教程

阅读 31

开发网站过程中需要对用户注册增加一个邀请码功能,以下是邀请码功能开发详细教程 第一步:需要新建一个数据表来保存邀请码 code:邀请码、max:邀请码使用次数...博文来自:技术博客

WordPress登录后才能查看网站内容,未登录跳转登录页面教程

阅读 34

实现代码很简单,找全站执行的钩子,这里选了template_redirect钩子,这个动作钩子在加载模板时执行,当然其它很多都可以用。 <?php //template_redire...博文来自:技术博客

网信办要求网站4月3日起设置黑白主页教程,代码兼容ie、firefox、chrome、opera、safari

阅读 1,857

根据国务院文件,4月3日起为为全国哀悼日期间,全国和各驻外机构下半旗志哀,停止公共娱乐活动,外交部和我国驻外使领馆设立吊唁簿。NAZ.CN将整站换成素装。...博文来自:技术博客

我约微博上传文件存放绝对路径设置

阅读 21

后台–系统设置–网站信息–上传文件存放绝对路径 例如: 末尾不带 / 或 \,目前网站根目录绝对路径:D:\phpstudy_pro\WWW\www.woyue.cn/ 我们填写的时候...博文来自:技术博客

源码下载

NAZ.CN官方主题旗舰版V1.0.0,正版完全开源,带整站源码,带数据

阅读 356

NAZ.CN官方主题旗舰版V1.0.0已经上线,现在官网已经升级至旗舰版 购买后我们有专门的售后一对一服务,小白也能轻松驾驭! 为什么要卖这个主题? 疫情期间,待...博文来自:WordPress

微商城包含小程序商城,公众号商城,H5商城,基于Thinkphp开发的商城系统

阅读 318

微信公众号商城和小程序商城数据同步,带积分、优惠券、秒杀、砍价、分销等功能,更是一套方便二次开发的框架 2020.03.03独家更新: 1.接入支付宝支付接口(...博文来自:Thinkphp

NAZ.CN官方主题运营版V1.0.0限量发售-正版完全开源,带整站源码,不带数据,无需授权,支持模板扩展,可二次开发!

阅读 651

NAZ.CN官方主题运营版V1.0.0限量发售啦,一套真正运营起来就能赚钱的系统,不需要授权!完全开源!我们是真正的为站长和用户着想,买回去搭建就能正常使用,也...博文来自:WordPress

我约任务悬赏系统完全开源版不断更新,抖音/快手关注点赞任务平台源码

阅读 298

这款源码会不断更新,适合做抖音/快手关注点赞任务平台,也可以二次开发适合各行各业,具体大家可以看演示站 测试会员账号:test 密码:test 更新记录 2020-...博文来自:Thinkphp

赶快加入我们吧~注册一个账号

NAZ.CN 从零开始学建站,学习技能、解决问题!

每个月,我们帮助开发者解决各种各样的技术问题。并助力他们在技术能力上获得提升。
没有账号? 忘记密码?

社交账号快速登录