1. 秋硕笔记Home
  2. wordpress建站
  3. wordpress框架

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
}

本博客 [ 秋硕笔记 ] 内带有 原创 标签文章,均为秋硕独立创作。

撰文不易,转载请注明文章来源并保留原文链接:本文转载自 秋硕笔记

本文链接:https://www.cuikaiyun.cn/wordpress-add-options-framework-tutorial.html

本文来自NAZ.cn,经授权后发布,本文观点不代表秋硕笔记立场,转载请联系原作者。

Leave a Reply

登录后才能评论