WordPress 主题选项框架 Options Framework

如何使用 Options Framework,费话不说,直接上教程.先看图!

下载并解压 Options Framework Theme 后可以看到文件夹中主要包含上图所示的这些文件，我们只需要将images 文件夹、 inc 文件夹、options.php 文件复制到我们需要添加主题选项的主题中去，然后将 functions.php 文件中调用 inc 文件夹内容的部分复制到主题的 functions.php 文件中就可以了，具体代码如下：

/*
 * Loads the Options Panel
 *
 * If you're loading from a child theme use stylesheet_directory
 * instead of template_directory
 */
 
define( 'OPTIONS_FRAMEWORK_DIRECTORY', get_template_directory_uri() . '/inc/' );
require_once dirname( __FILE__ ) . '/inc/options-framework.php';

需要注意的是，对于默认主题一般已经有一个 inc 文件夹用于存放模板文件或其他一些 php 文件，为了避免冲突以及日后不好管理，我们可以将新复制的 inc 文件夹命名为 settings 或其他任何名称，同时需要将上述代码中的对应部分进行修改。另外，如果是子主题的话需要将 get_template_directory_uri() 替换为 get_stylesheet_directory_uri() ，具体原因请参见 WordPress路径函数总结，没有最全只有更全一文。关于 Options Framework Theme 的使用，
这里我将文件复制到了默认主题 Twenty Seventeen 中，并将 inc 文件夹命名为了 settings ，刷新后台后可以看到外观面板下多了一个 Theme Options 的按钮，并且点击该按钮会出现一些已经预设好的按钮，我们可以通过查看这些按钮的相关代码了解其使用方法。

添加后台设置选项

Options Framework 的所有后台设置选项都存储在 options.php 文件中，我们就这个文件分三段进行简单说明。

/**
 * A unique identifier is defined to store the options in the database and reference them from the theme.
 */
function optionsframework_option_name() {
    // Change this to use your theme slug
    return 'options-framework-theme';
}

这地方是用于定义你的主题别名的，比如 DUX 主题的话，这里将 options-framework-theme 修改为了 DUX 。
然后在你的主题根目录找到options.php文件,可以看到里面全是函数代码,不要怕,直接删除里面全部内容,然后把下面代码复制过来即可.

-----------------------
剩下的这些代码就是后台我们真正要添加的一些选项及按钮了，我们可以参照这些代码及后台各类按钮的样式来学习如何添加各种主题设置选项。不过总结下来 options 的设置主要包括以下内容：

//每添加一次下面代码则会生成一个新的选项卡
$options[] = array(
    'name' => __('选项卡名称','默认域'),
    'type' => 'heading'    //选项卡的 type 必须为 heading
);
 
//下面这段代码是添加具体选项的，可重复使用
$options[] = array(
    "name" =>__('元素名称','默认域'),
    "desc" =>__('元素描述','默认域'),
    "id" =>'元素ID必填，调用时用', 
    "std" =>'元素的默认值', 
    "class" =>'元素的class',
    "type" =>'元素的类型',
    "settings"=>'调用默认编辑器时使用' 
);

请一秒钟记住我们的网址：www.aliyuncms.com ！转载请注明：WordPress 主题选项框架 Options Framework ！